固定背景圖像在固定位置滾動時跳轉<video>在頁面上

Question

我遇到了一個奇怪的問題，不知道如何解決它。參見例如：

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

我有3名的div和視頻元素。視頻位置：固定在頁面的頂部，以便3個div在其上滾動。第一個有純色背景，第二個沒有背景，因此視頻在滾動時顯示。第三個有一個固定在其位置的背景圖像。

下面是問題：當帶背景圖像的第3個div到達視頻時，「固定」背景圖像突然跳躍。

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

任何想法發生了什麼以及如何解決？

Answer 1

嘗試沒有「固定」的背景圖像。

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

Answer 2

試試z-index:-1的背景;