2010-12-14 142 views
2

下圖說明了Internet Explorer中png透明度的問題,我無法解決該問題。IE8 PNG漸變透明度問題

Transparancy not so transparent in Redmond. http://img101.imageshack.us/img101/1917/problemkl.jpg

透明圖形是以下圖像。

http://img411.imageshack.us/img411/7959/transparentfade.png

我意識到,這可能是在白色背景下不可見的,所以這裏的同一圖像的倒數來幫助理解。

http://img338.imageshack.us/img338/7121/transparentfadeinverse.png

的想法是提供一個軟引出這很好地工作在Chrome/FF/Safari瀏覽器/ Whathaveyou,但顯然我們不能有好東西和IE想要脫穎而出。我非常感謝在這個問題上的任何幫助。

編輯:我讀過一些地方,結合不透明效果和透明PNG在Internet Explorer中得不到很好的支持。通過消除不透明效果並對我的png圖形進行適當更改,我能夠在所有主流瀏覽器中重現相同的動畫。

+0

您可能需要發佈標記,以便我們可以查看*原位* – Robusto 2010-12-14 18:24:49

+0

您使用什麼來製作圖像? – LightningWrist 2010-12-14 18:41:37

+0

png8還是24?如果24你將需要使用Javascript的PNG修復。如果您需要導入Fireworks並將其導出爲Alpha透明png8文件。 – 2010-12-14 18:49:02

回答

3

您不能安全地混合舊式DirectX不透明度過濾器和透明PNG。在IE9中,您可以安全地使用原生CSS3不透明度和PNG,而不會遇到您遇到的問題。