IT技术博客大学习 共学习 共进步

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

Gulu77 2009-11-08 23:03:01 浏览 3,121 次

    想特别说明一下,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文件

建议继续学习

  1. web开发中合理动用图片格式 (阅读 3,804)
  2. iPhone中png图片格式处理 (阅读 3,326)
  3. 请给PNG8一个机会 (阅读 3,103)
  4. PNG现状整理 (阅读 2,962)
  5. IE6中隐形的PNG8图片 (阅读 2,865)