Internet Explorer 8中的透明/不透明問題

Question

我正在爲客戶開發「單頁」網站。 該網站在大多數瀏覽器中顯示爲我想要的，但是我在安裝在Windows XP上的Internet Explorer 8的特定組合中遇到了問題。

由於客戶需求和圖形設計師的設計相結合，不同的元素放在彼此之上，需要根據導航淡入或淡出。

IE9等所有瀏覽器都能正常工作（包括開發者工具中的IE8文檔屬性），Chrome以及Win2K8服務器上的IE8。

但是，在IE8中，看起來不可見元素的透明度是由'將是'可見的同胞位置上的兄弟姐妹繼承的。

我搜索過不同的解決方案，並嘗試不同的東西，如：

opacity: 0; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
-filter: alpha(opacity=0); 

也有附加但大多unneccesary：

display: block; 

或

zoom: 1; 

但沒有以上的伎倆。

有沒有人經歷過或解決過這個問題。 或者在IE8的相同位置淡化多個元素只是不正確的路要走。

我的預期功能，請參閱本琴： http://jsfiddle.net/6HZGw/11/

PS。我試圖發佈一個確切的問題，但是由於我剛剛註冊，這不可能作爲垃圾郵件防範措施。

所以這裏是鏈接的問題：
http://img338.imageshack.us/img338/4458/ie8f.png

和鏈接到預期的觀點：
http://img255.imageshack.us/img255/8391/chromeothers.png

Answer 1

IE8的不透明度濾波器實在太可惜。它在某些時候有點用處，但它充滿了bug和陷阱。 jQuery使它稍微不痛苦，但即使如此，它很容易被一個怪癖抓住。

我沒有可用的IE8或XP來測試它，但我自己一直在走這條路，並且遭受了類似的結果，特別是在處理多個元素時，甚至更特別是當這些元素是混合的文字和圖形。

正如我所說，我現在無法爲自己嘗試，但我的猜測是，你已經遇到了一個無法解決的問題。所以我會建議尋找替代解決方案。

在我們的案例中，經過大量的工作，我們最終完全放棄了因爲這個而淡入淡出元素的想法，並且轉而採用將它們從其他元素後面拖出來的策略。效果非常類似，客戶很高興，並且在所有瀏覽器中都能正常工作。