html - 修复了具有透明背景 CSS 奇怪的标题

Question

我对一个带有固定标题的 CSS 问题感到困惑，所以我将直接进入它。

基本上，我对 header 和div中的 a 使用相同的图像固定位置body，以使其看起来像无缝背景。然后，当您向下滚动时，其中的内容div会位于透明标题下方。div但是，一旦我滚动到带有背景图像的末尾，就会出现问题。我玩过z-index，但 Chrome/Safari 似乎不喜欢这样。（我只能想象 IE 会如何处理这个问题）。在 Firefox 16 上按预期工作。

无论如何，该网站本身位于 www.meeker.io。非常感谢您在正确方向上的任何帮助。

Answer 1

尝试改变你的CSS：

.topBar {
    background: url(bgRailsColor3.png) no-repeat top left;
}
.rails {
    background: url(bgRailsColor3.png) no-repeat top left fixed;
}