IE6下的透明PNG錯誤及其解決方案

  在網頁設計的應用中,由於PNG格式的透明圖像質量要遠高於最多隻能索引256色的GIF,所以我更喜歡大量使用PNG圖片。但是透明的PNG圖片在IE瀏覽器(6.0及其以下版本)中的表現經常不盡人意,會出現實底化(白底)。雖然IE6的市場份額正在逐年下滑,但仍然佔有很大比例。既然改變不了世界,只好想辦法適應它了。

  最近一次遇到這個問題是給我係系網製作歡迎界面時,爲了追求畫面質量而使用了PNG格式的透明圖像,但是在其後的瀏覽器環境測試下,在IE6這一關停下了腳步。回想起學長 Davchen 去年在做 homepage 的時候也遇到過同樣的問題,當時高考複習階段,沒幫上什麼忙實在不好意思。現在寫這一篇文章也算是給這一樁小事畫上個句號吧。

 


 

將以下js片段移植到 <head></head> 中即可。

* 代碼源自互聯網 * 註釋 Mutoo


這種方法的缺點是,無法直接對作爲背景而使用的透明PNG作處理,但只需要從上面的例子舉一反三利用 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 解釋即可,但工作量可能極大。

 

IE7/8對該問題處理得還不錯,祝願IE6快快下臺吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章