html - 谷歌浏览器(Windows 7)不显示 css 层

Question

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

Answer 1

您的 top 和 left 值无效；他们需要附加单位。你的 z-indexes 也被翻转了；最上面的值需要更高。

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

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