2012-02-09 18 views
0
div {position: relative;} 


#wrapper { 

background: url('ocean.png'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center; 
background-size: 100% auto; 

} 

<body> 

<div id="wrapper"> 
</div> 

ocean.pngの背景画像を別の要素で表示する別の方法を試しています。今私はdivに入れて、それは表示されません。以前は、私は体の中に入れて、最初に水平方向に伸ばし、次に垂直方向に伸ばしたときにフルサイズで伸びるイメージを入れましたが、最初に縦に伸ばすと、体の背景イメージは上下左右に全画面、空白が伸びません。Div要素内の画像が表示されない

私は今すぐdivを実験していますが、全く表示されませんでした。

+0

実際に幅と高さを追加しましたか?またはコンテンツを追加しますか? –

+0

divファイルが実際に存在するか、上下に空白があるかを確認するために、デバッグツール(chrome、firebugなど)を試しましたか? –

答えて

1

ラッパーの幅を設定する必要があります。幅:100%、高さ:100%

1

イメージがCSSと同じディレクトリにない場合でも、ラッパーdivの幅と高さを設定する必要があります。あなたは/ imagesディレクトリにイメージを持っている場合は、他の人が言っているようwidthとラッパーのheightを設定url(/images/myimage.png)

1

としてそれらを呼び出すと、1つの宣言でこれらのCSSスタイルに参加し、あなたが一度他のすべてのスタイルを取り除くことができなければなりませんコンテナの寸法を設定します。

background: url(ocean.png) center no-repeat

関連する問題