Google Chrome（Windows 7）不顯示css圖層

我正在使用Google Chrome瀏覽器的網站上工作，但我無法獲取css圖層的工作。由於沒有合理的解釋爲什麼我的瀏覽器沒有顯示代碼所說的內容，我從本網站複製粘貼的代碼（http://www.echoecho.com/csslayers.htm），該代碼也沒有顯示，因爲它應該在我將其複製粘貼到我的網站的源代碼時顯示。它顯示了我在網上查看時應該採用的方式。關於什麼問題的任何想法？Google Chrome（Windows 7）不顯示css圖層

來源

2012-08-30 tesseract4d

鏈接或示例代碼的圖像？ –

花花公子你究竟想要什麼..給一些小提琴或url – supersaiyan

我想建立一個網站的梯度作爲背景和內容集中在一個單獨的框中，與一個單獨的背景（使梯度是可見的樣一個厚邊框 – tesseract4d

您的頂部和左側值無效;他們需要附加單位。你的z-index也翻轉過來;最重要的是要有更高的價值。

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

#overlay { 
    position:relative; 
    top:-50px; 
    left:5px; 
    z-index:4; 
}

來源

2012-08-30 13:49:23

您需要設置圖像作爲CSS背景，而不是把它作爲在div例如爲：

background-image:url("http://www.webdesign.org/img_articles/9244/Gradient-Noise-Final.jpg") repeat-x;

來源

2012-08-30 13:49:46

Google Chrome（Windows 7）不顯示css圖層

回答

相關問題