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

Question

我对固定 header 的 CSS 问题感到困惑，所以我直接跳进去。

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

无论如何，网站本身是at 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;
}