Internet Explorer中削減了文本通半透明的div背景

Question

嗯，說實話我真的不事件知道怎麼形容這個以外：

「爲什麼這不是在IE8的工作，但只是在Firefox罰款或Chrome「： http://jsfiddle.net/iddqd/xEfSK/

但是，我會嘗試： 所以它看起來很好，當它不是動畫時，似乎有兩個問題。一種是IE在淡入淡出時不使用抗鋸齒，另一種是文本以某種方式切入半透明的div。

我試過各種黑客，如刪除過濾器與回調函數，把文本放在一個單獨的div，把whiteBackground放在盒子外面。在所有的組合中，我找不到一個可行的解決方案。

任何提示？

Answer 1

簡而言之，答案是IE8和更低版本不支持opacity也沒有任何一種透明度模擬器，如rgba()着色。它只能通過使用（現在不推薦使用的）filter語法在內部調用DirectX渲染來模擬。這是jQuery試圖在內部完成「儘可能最好的排序結果」，但是，由於DirectX過濾器在圖像上運行，所以它看起來會更醜，所以瀏覽器必須在內部渲染並傳遞它，從而創建2個問題：

• 反鋸齒焦躁，因爲由於DirectX的試圖呈現在上面，可能有堆積的問題，如單獨的圖層轉換
過程中並不總是出現在正確的順序的ClearType不能應用於

您描述了這兩個問題，這些問題在濾波器破解中令人遺憾地正常。你可以找到一些可能的解決方案on this page，但總的來說，我只是接受，這將無法在IE < = 8上正常工作，和/或優雅地退化以跳過這些瀏覽器中的淡入淡出。