2008年9月10日

IE6支持PNG透明(alpha通道)的4種方法

想 特別說明一下,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/

  1. AlphaImageLoader 篩選器

  2. PNG Transparency in IE

  3. 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/
  4. 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/
  5. 全部實例打包下載:http://blog.gulu77.com/demo/200809/test_png.rar