全集 IE6中PNG Alpha透明

【全集 IE6中PNG Alpha透明】很多人说IE6不支持PNG透明,其实IE支持100%透明的PNG,疯狂的IE6只是不支持png的Alpha透明 。
这个BUG给我们带来了很大的困扰 。
但是这仍然存在很多问题,比如半透明的PNG背景图片 。
Gulu77整理了4种IE6中PNG Alpha透明的方法:
测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_IE6png8/index.html
这里用IE6测试,插入的图片和背景图片没有透明 。

第一种方法:AlphaImageLoader 筛选器
微软给出了一个解决方案:http://support.microsoft.com/kb/294714/zh-cn

使用简介:在每个标签样式中插入 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.rkxy.com.cn/dnjc/image.png, sizingMethod=scale)
注意事项:
AlphaImageLoader难以实现插入图片img src=https://www.rkxy.com.cn/dnjc/.png/透明
AlphaImageLoader方法用于背景图片上,实现background-image的效果
AlphaImageLoader IE8不支持
因为IE7支持AlphaImageLoader,避免冲突建议使用CSS hack区分开,只针对IE6使用
测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_AlphaImageLoader/index.html

第二种方法:PNG Transparency in IE
使用简介:相对来说比较简洁,使用一段包含滤镜的JavaScript 就可以模拟图片或背景 PNG alpha 透明度
注意事项:
根目录的spacer.gif透明图片作为png图片的替换,写在JavaScript中的spacer.gif路径根据需要调整
PNGTransparncyinIE方法在背景应用上只能做到background-image的效果, 背景重复坐标调用等暂时实现不了
官方原文:http://codingforums.com/archive/index.php?t-80555.html
测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_PNGTransparncyinIE/index.html

第三种方法:IE PNG Fix v1.0 / 2.0 Alpha 3
这是目前最新版本,今天重点介绍的一个方法 。
使用简介:页面标签使用behavior:url(iepngfix.htc);来调用外部包含js、css的iepngfix.htc文件來修正PNG alpha 透明度 。
测试实例1:http://www.css88.com/demo/IE6_bug/IE6_bug_2/IE6_bug_2.html
测试实例2(官方,e文):http://www.css88.com/demo/IE6_bug/IE6_bug_2/iepngfix.html
* 支持img src=https://www.rkxy.com.cn/dnjc/元素 。
* 支持的背景PNG图像(不像许多其他的脚本! )
* 支持CSS1背景重复和位置(通过可选插件)
* 背景图像可以被界定内置或在外部的样式表 。
* 自动处理改为钢骨混凝土/背景通过正常的JavaScript (例如鼠标悬停翻车) -没有特殊的编码需要 。
* 改变支持包括CSS的类别的变化因素 。
* 采用自动变通的a href=https://www.rkxy.com.cn/dnjc/要素巴布亚新几内亚背景因素 。
* 微小的脚本(快速下载)。
* 领有牌照的下一个自由软件许可证 。
如何使用 Follow these simple steps to add this to your page:遵循这些简单的步骤,将此添加到您的网页:
1. 复制并粘贴iepngfix.htc和blank.gif到您的网站文件夹中 。
2. 复制并粘贴到您的网站的CSS或HTML :
style type=text/css
img, div { behavior: url(iepngfix.htc) }
/style
这的CSS选择器必须包含标签/内容要巴布亚新几内亚支持-基本上,给它一个逗号分隔的清单上的标签使用 。它还必须包括正确的路径 。宏达相对H TML文件的位置(不相对的CSS文件! )。例如,你可能看起来像这样:
style type=text/css
img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }
/style
3. 如果您的网站使用的子文件夹,打开 。宏达文件在文本编辑器如Windows记事本,并改变blankImg变数,包括正确道路blank.gif像这样:
IEPNGFix.blankImg = ’/images/blank.gif’;
同样的路径是相对的HTML文件 。否则,你将看到一个破碎的形象的图形!
4. 如果你想支持CSS1背景重复和背景位置,请务必包括附加 。js文件在您head :

推荐阅读