想 特別說明一下,IE6與生俱來就支持png8的索引色透明度,但不支持png的 alpha 透明度。而我們一直要解決的是讓IE6支持PNG的 alpha 透明度。下面我收集整理了4種方法,但都是以濾鏡、Js、css 等作為基礎模擬還原效果,雖然沒有真正的解決alpha透明度問題,但也總算解決了燃眉之急。
-
IE6支持png8透明:
IE6與生俱來就支持png8的索引色透明度,但不支持png或8位以上的 alpha 透明度。而對於非動畫的GIF建議你使用PNG8,因為體積會更小
測試實例:http://blog.gulu77.com/demo/200809/test_IE6png8/
-
AlphaImageLoader 篩選器
- 使用簡介:在每個標籤樣式中插入 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=』image.png', sizingMethod=』scale')
- 官方原文:http://support.microsoft.com/kb/294714/zh-cn go
- 測試實例:http://blog.gulu77.com/demo/200809/test_AlphaImageLoader/
-
PNG Transparency in IE
- 使用簡介:相對來說比較簡潔,使用一段包含濾鏡的JavaScript 就可以模擬圖片或背景 PNG alpha 透明度。
- 官方原文:http://codingforums.com/archive/index.php?t-80555.html go
- 測試實例:http://blog.gulu77.com/demo/200809/test_PNGTransparncyinIE/
-
IE PNG Fix v1.0 / 2.0 Alpha 2
- 使用簡介:頁面標籤使用behavior:url(」iepngfix.htc」);來調用外部包含js、css的iepngfix.htc文件來修正PNG alpha 透明度。
- 官方原文:http://www.twinhelix.com/css/iepngfix/ go
- 測試實例:http://blog.gulu77.com/demo/200809/test_iepngfix/
-
IE7/IE8 JavaScript library
- 使用簡介:ie7/ie8-js是一個解決IE與W3C標準的衝突的JS庫,使微軟的IE的行為像一個Web標準兼容的瀏覽器,支持更多的W3C標準。
- 官方原文:http://code.google.com/p/ie7-js/ go
- 測試實例:http://blog.gulu77.com/demo/200809/test_ie7-js/