IE背景圖像渲染Bug

Question

在IE9中，我收到了這個很奇怪的渲染錯誤，如下圖所示。右邊的箭頭是正確的，左邊的箭頭是IE間歇顯示的內容。

這似乎是某種緩存錯誤的，因爲當我使用IE瀏覽器的開發工具，並打開總是從服務器獲取，或者我用Shift + F5刷新他們回到正常的。但是當我瀏覽頁面並返回時，它們會重新出現在錯誤的表單中。

另一個奇怪的事情要注意的是，當圖像顯示不正確，然後我打開開發人員工具，他們得到即刻重繪正確。

我正在使用jquery -chosen插件，並添加了此CSS來更改箭頭圖像。我試過使用.png和.jpg文件。

b { 
    background: url('../Images/Icons/down-arrow.png') no-repeat 0px 10px; 
} 

形象的bug：

任何建議將是巨大的。

Answer 1

我不完全確定爲什麼這個問題解決了，但之前我只是直接在服務器上編輯CSS文件。我最終完成了對應用程序代碼庫的重建，然後將其推送到服務器，現在它似乎可以工作。 （雖然服務器上沒有發生實際變化），但我認爲這可能與將應用程序推送到服務器時應用程序重新啓動有關。

Answer 2

當您使用過濾器CSS屬性時，IE8和IE9不擅長呈現透明PNG。如果這些PNG上方的DOM的任何部分都有過濾器，則可能會導致呈現問題。