2

我遇到了一个奇怪的问题，不知道如何解决它。请参阅示例：

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

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

这就是问题所在：当带有背景图像的第 3 个 div 到达视频时，“固定”的背景图像突然跳跃。

这发生在最新版本的 Chrome 和 Safari 中，但不是 Firefox。

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

4

2 回答 2

-2

尝试没有“固定”的背景图像。

 background: yellow url(http://jsfiddle.net/img/top-bg.png) 10px 0 repeat;
于 2013-02-06T01:32:53.777 回答
-3

尝试使用z-index:-1;的背景

于 2016-05-27T14:08:12.333 回答