IE6下在CSS文件中 background 的 url 调用的png图片无法透明，要怎样才可以透明呢？

Question

注：不是在html中用img调用的图片，在线等。网上好多方法都没用！

Answer 1

1、需要iepngfix.htc，blank.gif，iepngfix_tilebg.js这三个文件，可以通过http://www.cdys.cn/iepng.rar获得。
2、获得以上3个文件后分别上传至网站，你可以把他们分别传到相应的css，js和images目录中，当然，也可以建立新的文件夹，比如名为：iepng的文件夹，把他们传到其中。
3、添加第一句代码，这是在html文件中添加的格式，不要忘记修改htc文件的路径，如果怕出错，直接使用相对根目录的路径，比如/iepng/iepngfix.htc，这样一般不会出错，当然你也可以把behavior： url（iepngfix.htc）这句添加到你的reset.css文件中去。
<style type="text/css">
img, div { behavior: url(iepngfix.htc); }
</style>
4、使用记事本，或类似的工具打开iepngfix.htc文件，将其中blankImg的文件路径替换成你自己的，比如/iepng/blank.gif，根据自己的实际情况。
IEPNGFix.blankImg = '/images/blank.gif';
5、将下面这句js调用代码加到需要页面的《head》中去（此步不是必须的，如果你的head部分的include统一调用的，推荐一定加上这句）
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
经过以上步骤，基本可以实现IE下png的透明效果了

Answer 2

<script>
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version <= 6.0) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "margin:0;"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\');\"></span>"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
function alphaBackgrounds(){
var rslt = navigator.appVersion.match(/MSIE (d+.d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
for (i=0; i<document.all.length; i++){
var bg = document.all[i].currentStyle.backgroundImage;
if (bg){
if (bg.match(/.png/i) != null){
var mypng = bg.substring(5,bg.length-2);
//alert(mypng);
document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='crop')";
document.all[i].style.backgroundImage = "url('')";
//alert(document.all[i].style.filter);
}
}
}
}

if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
window.attachEvent("onload", correctPNG);
window.attachEvent("onload", alphaBackgrounds);
}
</script>
加在head之间就可以了

Answer 3

png-8在IE6里是可以透明的，注意要选择Alpha透明度，不然边缘锯齿会跟gif一样。

Answer 4

ps 转化成png-8格式 具体我没试过 据说ie6支持