平穩過渡的使用jQuery

Question

上滾動的圖像我有一些問題，當我在滾動轉換的圖像。

出於某種原因，當圖像獲取與第二個取代它首先淡出一個奇怪的透明度，然後轉場，不知道如何解釋它，所以我創建了一個演示。

有人可以解釋如何做到這一點，使顏色過渡平穩沒有奇怪的閃爍？

html { 
background-image:url(http://i.imgur.com/ZhVps3b.jpg?1); 
transition: all 1s ease; 
} 

html.scrolled { 
background-image:url(http://i.imgur.com/h6rmrc0.png?1); 
} 

http://jsfiddle.net/pZrCM/652/

更新： 這個問題似乎隻影響野生動物園

Answer 1

您可能需要在一些額外的過渡添加屬性爲它在不同的瀏覽器上運行（正如你所提到的這不適用於Safari）。

-webkit-transition: all 1s ease;/* Safari & Chrome */ 
-moz-transition: all 1s ease;/* Firefox */ 
-o-transition: all 1s ease;/* Opera */ 
transition: all 1s ease;