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

想特别说明一下,IE6是支持PNG二进透明的(即要么全透明,要么不透明),但不支持png的 alpha 透明度(即半透明)。而我们一直要解决的是让IE6支持PNG8或PNG32的 alpha 透明度问题。下面我收集整理了4种方法,但都是以滤镜、Js、css 等作为基础模拟还原效果,虽然没有真正的解决alpha透明度问题,但也总算解决了燃眉之急。

  • IE6支持PNG二进透明:

    IE6是支持PNG二进透明的(即要么全透明,要么不透明),但不支持png的 alpha 透明度(即半透明)。而我们一直要解决的是让IE6支持PNG8或PNG32的 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. Image Optimization, Part 5: AlphaImageLoader

    全部实例打包下载:http://blog.gulu77.com/demo/200809/test_png.rar

转载:http://blog.gulu77.com/?p=147

你可能感兴趣的:(JavaScript,css,IE,HTC,Go)