修复了在页面</video>上固定<video>位置滚动时跳转的背景图像

时间:2012-07-22 20:13:17

标签: css video html5-video

我遇到了一个奇怪的问题,不知道如何修复它。参见示例:

http://jsfiddle.net/9wqsr/1/

我有3个div和一个视频元素。视频位置:固定在页面顶部,因此3个div在其上滚动。第一个具有纯色背景,第二个没有背景,因此视频在滚动时显示。第三个背景图像固定在它的位置。

问题在于:当带有背景图像的第3个div到达视频时,&#34;固定&#34;背景图片突然跳了起来。

这种情况发生在Chrome和Safari的最新版本中,而不是Firefox。

知道发生了什么以及如何解决?

2 个答案:

答案 0 :(得分:0)

尝试没有“修复”的背景图片。

 background: yellow url(http://jsfiddle.net/img/top-bg.png) 10px 0 repeat;

答案 1 :(得分:-2)

尝试使用z-index:-1;

的背景