0

Google Chrome を使用して Web サイトで作業していますが、css レイヤーを機能させることができません。私のブラウザがコードが示す通りに表示されない理由について合理的な説明がなかったので、この Web サイト (http://www.echoecho.com/csslayers.htm) から貼り付けたコードをコピーしました。サイトのソースにコピーして貼り付けると表示されるはずです。ただし、オンラインで表示すると、本来あるべき姿で表示されます。問題が何であるかについてのアイデアはありますか？

4

2 に答える 2

2

上と左の値が無効です。ユニットを取り付ける必要があります。また、z インデックスが反転されます。一番上にあるものは、より高い値である必要があります。

#background {
    background-repeat:repeat-x;
    position:relative;
    z-index:1;
}

#overlay {
    position:relative;
    top:-50px;
    left:5px;
    z-index:4;
}​
于 2012-08-30T13:49:23.180 に答える
0

その画像を div の画像としてではなく、CSS の背景として設定する必要があります。

background-image:url("http://www.webdesign.org/img_articles/9244/Gradient-Noise-Final.jpg") repeat-x;
于 2012-08-30T13:49:46.533 に答える