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を実験していますが、全く表示されませんでした。
実際に幅と高さを追加しましたか?またはコンテンツを追加しますか? –
divファイルが実際に存在するか、上下に空白があるかを確認するために、デバッグツール(chrome、firebugなど)を試しましたか? –