IE6支持PNG透明(alpha通道)的4种方法(转)
2009-09-29 16:33
260 查看
想特别说明一下,IE6与生俱来就支持png8的索引色透明度,但不支持png的 alpha 透明度。而我们一直要解决的是让IE6支持PNG的 alpha 透明度。下面我收集整理了4种方法,但都是以滤镜、Js、css 等作为基础模拟还原效果,虽然没有真正的解决alpha透明度问题,但也总算解决了燃眉之急。
测试实例:http://blog.gulu77.com/demo/200809/test_IE6png8/
官方原文:http://support.microsoft.com/kb/294714/zh-cn go
测试实例:http://blog.gulu77.com/demo/200809/test_AlphaImageLoader/
官方原文:http://codingforums.com/archive/index.php?t-80555.html go
测试实例:http://blog.gulu77.com/demo/200809/test_PNGTransparncyinIE/
官方原文:http://www.twinhelix.com/css/iepngfix/ go
测试实例:http://blog.gulu77.com/demo/200809/test_iepngfix/
官方原文: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
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文件來修正PNG alpha 透明度。官方原文:http://www.twinhelix.com/css/iepngfix/ go
测试实例:http://blog.gulu77.com/demo/200809/test_iepngfix/
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
相关文章推荐
- 【转】IE6支持PNG透明(alpha通道)的4种方法
- IE6支持PNG透明(alpha通道)的4种方法
- IE6支持PNG透明(alpha通道)的4种方法
- IE6支持PNG透明(alpha通道)的4种方法
- IE6和Firefox同时支持PNG透明图片的方法
- 使用DD_belatedPNG让IE6支持PNG透明图片 及IE6下背景图闪烁问题的解决方法
- 最简单最保险的方法:让IE6支持PNG图片透明
- 一个最简单也最保险的方法让IE6支持PNG图片透明
- [CSS] - 让IE6支持PNG-24透明背景(多个方法)
- 让IE6支持png 透明的三种解决方法
- 使用IEPNGFix 2.0解决IE6支持PNG透明问题
- 使用DD_belatedPNG让IE6支持PNG透明图片
- IE6下PNG 背景透明 的七种方法
- 完美解决PNG图片在IE6中背景不透明的方法
- IE6下PNG图片透明显示解决方法(From QQ)
- IE6 PNG透明的简单方法
- IE6 png 透明--四种解决方法
- 使IE6下PNG背景透明的七种方法任你选