想特别说明一下,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
5、还发现一个方法:belatedPNG 。具体方法是将下面的代码插到<head></head>之间:
<!–[if IE 6]>
<script src="DD_belatedPNG_0.0.7a-min.js"></script>
<script>
DD_belatedPNG.fix(””*””);
</script>
<![endif]–>
此方法能同时解决图片和背景问题。
所用到的 js 文件可以点击这里
下载(5.41 kb)。
分享到:
相关推荐
IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法
实现ie6的png图片透明的2种方法: 一种对于img标签,一种对于css
js实现IE6下png图片透明的代码。js实现IE6下png图片透明的代码。
让IE6支持透明通道的PNG图片,让IE6支持透明通道的PNG图片,
处理ie6下png格式图片透明的效果,及处理完之后再ie6下碰到的情况及建议。
看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色。特对一些优秀页面进行分析整合,整理了两套相当有效的解决方案,...
IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法
通过js实现ie6下png图片实现半透明,这是一个简单的示例。
我和同学都测试过了,没有发现问题IE6下PNG图片透明教程
IE6下PNG背景透明的七种方法.web前端开发,IE6下PNG格式不兼容
在IE 6.0 下实现任意PNG图片透明
IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题
ie6下png图片透明解决方案~~~~完美
cIE6下PNG图片透明解决方法fixPNG
DD_belatedPNG.js IE6支持png图片透明度的文件使用方法: DD_belatedPNG.fix("标签ID,标签Class,标签名");
js_IE6支持png透明解决png_ie6下不透明背景图片
现在很多web开发者都对ie6的png不能透明的问题头疼。这里推荐一个插件,方便大家使用。谢谢。
IE6下png图片透明背景无法显示出来,提供解决办法
IE下png图片无法透明的处理方法,方法简单
IE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rar