带透明背景的固定标题CSS奇怪

我被一个带有固定标题的CSS问题困惑不解，所以我只是跳到它。带透明背景的固定标题CSS奇怪

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

反正该网站本身是at www.meeker.io。任何帮助正确的方向非常感谢。

来源

2012-10-18 jmkr

有什么不对？预期的行为是什么，实际发生了什么？ – VKen

错误：当我用与标题相同的背景图像滚过'div'时，标题中的图像变为空白。预期：背景图像保留在标题和内容的下方，在滚动的时候“下方” – jmkr

这就是我在http://imgur.com/j3Hwz上看到的内容。标题的背景仍然存在。滚动页面后，Div的背景仍然隐藏在顶部的div容器中。部分背景为白色。 – VKen

试着改变你的CSS：

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

来源

2012-10-19 02:45:25 manishie

哇谢谢，修复了在FF，Chrome和Safari中滚动后标题背景图像消失的问题。但现在屏幕顶部的标题缩小以适合屏幕宽度。参见[链接]（http://i.imgur.com/K2Ib0.png）。任何方式使标题的背景图像拉伸对齐？ – jmkr

您是否做出了我建议的更改？当我在chrome开发工具中做到这一点时，我没有看到你的图像显示。你可以改变现场，我会看看吗？ – manishie

当然 - 他们现在起来了。起初我认为它也是固定的，但是随后我关闭了chrome开发工具（在同一个chrome窗口中，在底部），并调整了'div.rails'背景图像的大小以避免对齐。 – jmkr

带透明背景的固定标题CSS奇怪

回答

相关问题