一起CSS

当前位置:一起CSS > 前端技术 > 文章正文

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 筛选器

使用简介:在每个标签样式中插入: 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/

2、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/

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/ 全部实例打包下载:http://blog.gulu77.com/demo/200809/test_png.rar 以上内容转自:Gulu77 原文地址:http://blog.gulu77.com/?p=147 还发现一个方法:belatedPNG 。具体方法是将下面的代码插到<head></head>之间:

<!--[if IE 6]> <script src="DD_belatedPNG_0.0.7a-min.js"></script> <script> DD_belatedPNG.fix('*'); </script> <![endif]-->

此方法能同时解决图片和背景问题。 所用到的 js 文件您可以到作者的博客上下载,地址是: http://www.dillerdesign.com/experiment/DD_belatedPNG/

查看:3,262 评论:7 标签:,,

相关日志

已经有 7 条群众意见

  1. 老鼠

    呵呵,behavior:url(”iepngfix.htc”);
    这个我今天在nfs的官网看到了...真巧 对话

    #1
  2. 如影飞

    belatedPNG 这个方法打开网站好像很慢,难道是要处理的png图片太大太多了? 对话

    #2
  3. 如影飞

    我又来了,发现方法不能兼容ie7.。。万事古难全,哭一个 对话

    #3
  4. 青色如影飞

    IE7 本来就支持 png 透明! 对话

    #4
  5. 如影飞

    嘿嘿,尴尬一下。。。 对话

    #5
  6. 75% » IE6&PNG透明

    [...] OK,我不打算转帖,就当一个书签记录好了, 青色’s Blog的文章《IE6支持PNG透明(alpha通道)的4种方法》,请拜读。 [...] 对话

    #6
  7. 天堂左我往右

    只知道第一种和第三种,哈
    支持青色 对话

    #7

我要发表意见