IE9「撕裂」背景圖像背後的滾動塊後面的圖像

我做了一個設計，使用背景圖像與父塊透明背景的靜態自動滾動塊。在IE9中，滾動導致父級背景圖像「撕裂」，而不像其他A級瀏覽器那樣保持固定。這個問題聽起來很熟悉嗎？IE9「撕裂」背景圖像背後的滾動塊後面的圖像

萬一我沒有正確解釋，see an example on the live site。這個例子應該在佈局中顯示一個垂直滾動條。移動該欄滾動將導致IE9中的「撕裂」。（注意：我使用jQuery Color插件---這可能會導致問題，也可能IE需要z順序和/或絕對/相對CSS定位---這會很不方便。）

2011-07-15 rasx

使用開發工具從#PresentationFlow中刪除背景顏色的內聯樣式：rgba（0，102，51，0.5）使問題不再適合我。

這是顏色插件嗎？

更新：一種解決方案可能是將透明背景添加到#PresentationOverflowContainer中。你需要刪除一些填充，但然後它應該看起來

2011-07-15 05:12:56

我會嘗試在div中包裝#PresentationFlow，並將該背景色放在該div上。

<div id="wrapper" style="background-color: rgba(0, 102, 51, 0.5)"> 
    <div id="PresentationFlow"> <!-- overflow: auto --> 
    </div> 
</div>

2011-07-15 05:25:13 Joel

做了一個hacky測試，它看起來像它的工作。 – Joel

回答