html - 谷歌浏览器（Windows 7）不显示 CSS 层

Question

我正在使用 Google Chrome 开发一个网站，但我无法让 css 层正常工作。因为没有合理的解释为什么我的浏览器没有显示代码应该显示的内容，所以我从这个网站 (http://www.echocho.com/csslayers.htm) 复制粘贴的代码，它也没有显示当我将其复制粘贴到我网站的源代码中时，应该会显示它。当我在线查看它时，它会显示它应该的方式。关于问题是什么的任何想法？

Answer 1

您的顶部和左侧值无效；他们需要附加单位。您的 z 索引也被翻转；最重要的是需要更高的价值。

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

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

Answer 2

您需要将该图像设置为 CSS 中的背景，而不是将其作为 div 中的图像，例如：

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