我遇到了一个奇怪的问题,不知道如何修复它。参见示例:
我有3个div和一个视频元素。视频位置:固定在页面顶部,因此3个div在其上滚动。第一个具有纯色背景,第二个没有背景,因此视频在滚动时显示。第三个背景图像固定在它的位置。
问题在于:当带有背景图像的第3个div到达视频时,"固定"背景图片突然跳了起来。
这种情况发生在Chrome和Safari的最新版本中,而不是Firefox。
知道发生了什么以及如何解决?
答案 0 :(得分:0)
尝试没有“修复”的背景图片。
background: yellow url(http://jsfiddle.net/img/top-bg.png) 10px 0 repeat;
答案 1 :(得分:-2)
尝试使用z-index:-1
;