2017-05-31 9 views
1

私がイメージを持っている、と私はW3Schoolsの中で見てきたものから、あなただけの
body background = farm.jpg
を使用することができ、それが動作しますが、それが言うと、私はそれがどのようにフォルダからCSSのバックグラウンドで画像を追加しますか?

とCSSで働くことができることを、人々はこれを言う見てきました

background-image: url(farm.jpg)(引用符付きおよびなし)

まだ私が試してみると画像が見つかりません。別のフォルダに置く必要がありますか?

+0

それは動作します。ページとの相対的なパスがある限り、同じフォルダ(ディレクトリ)に画像を置くことができます。あなたの完全なコードを投稿して、うまくいかないことを確認してください。 –

答えて

1

(1)https://www.w3schools.com/tags/att_body_background.asp

Unfourtunately背景属性はHTML5でサポートされていません。代わりにCSSを使用する必要があります。例えば

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image

を::

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Your page</title> 
    <meta name="description" content="The HTML5 page"> 
    <meta name="author" content="Your Name"> 
    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
    <style> 
     body { 
     background-image: url("background.png"); 
     } 
    </style> 
</head> 
<body> 
    <p>Test.</p>  
</body> 
</html> 

・ホープ、このことができます

(2)あなたは、このページを形成し、何が動作するコードの例を使用することができます。それはあなたのCSSファイルである場所にdepenteds

+0

@Gonzalo:訂正ありがとう!!! – M14

1

は、同じ場所にあなたのCSSファイルや画像ファイルを置いて、

background-image: url("frame.jpg"); 

下にしてみてくださいそれとも、ルートフォルダから起動する/使用することができます。

background-image: url("/frame.jpg"); 

Read this.

関連する問題