背景が表示されないのはなぜですか？

Question

私が何を試しても、私の背景イメージが表示されません。私はそれをバックグラウンド空間全体に広げたい。ここで

は私のCSSです：

body { 
    background-image: url('../Project2/images/water.jpg') no-repeat center top; 
    background-size: cover; 
    font-family: Lucida Grande, Lucida Sans, Geneva, Arial, Helvetica, sans-serif; 
    font-size:  100%; 
    *font-size:  80%; 
    width: 1000px; 
    margin: 0 auto; 
    display: block; 
} 

Answer 1

あなたは一つの値だけ、画像のURLを取りbackground-imageプロパティを使用しているが、あなたは複数が挿入されているこの

body { 
    background-image: url("paper.gif"); 
    background-repeat: no-repeat; 
} 

Answer 2

のようなものを試してみてください値。

background-imageをの略式バージョンであるbackgroundに変更し、mutltipleプロパティ値を含めることができます。このCSS Trickからコードを適応

background-image

background

Answer 3

、あなたが（代わりにbackground-imageの）

backgroundを使用し、サイズのためcoverプロパティと組み合わせることを確認します。

は、私は、これはあなたのフォルダ構造であると仮定すると、

（高さプロパティを体に適用され、同様に削除するには、あなたがそれを削除することができます）のみ、この例のdivのためのコードを追加し

Project 
    |_ index.html 
    |_ images/ 
    |  |_water.jpg 
    |_ css/ 
     |_style.css 

その後、URLは次のようになります。url("../images/water.jpg")

div { 
 
    background: url("http://placehold.it/400x400") no-repeat center top fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    
 
    font-family: Lucida Grande, Lucida Sans, Geneva, Arial, Helvetica, sans-serif; 
 
    font-size: 100%; 
 
    width: 1000px; 
 
    margin: 0 auto; 
 
    display: block; 
 
    height: 200px; 
 
}

<div>hello world</div>