ie6png透明问题

1.通过 css 和 IE 专有属性 behavior 解决整站 png 背景透明问题
　　下载文件包http://www.twinhelix.com/css/iepngfix/iepngfix.zip　　

1、下载后，解压出来，会有很多文件，其中我们需要用到的有3个文件：

　　iepngfix.htc，blank.gif，iepngfix_tilebg.js

2、你可以把他们分别传到相应的css，js和images目录中，当然，也可以建立新的文件夹，比如名为：iepng的文件夹，把他们传到其中

　3、添加第一句代码，这是在html文件中添加的格式，不要忘记修改htc文件的路径，如果怕出错，直接使用相对根目录的路径，比如/iepng/iepngfix.htc，这样一般不会出错，
　　当然你也可以把behavior： url（iepngfix.htc）这句添加到你的reset.css文件中去

　　<style type="text/css">

　　　<!--

　　　　　img { behavior:url(/iepngfix.htc); }

　　　-->

　　</style>

2.通过 css ie滤镜解决

　　<style type="text/css">

　　<!--

　　　　.pngpic { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pngpic.png',sizingMethod='crop'); }

　　-->

　　</style>

 

　3.通过 javascript 和 css 滤镜解决 IE 整站 png 背景透明问题

<script type="text/javascript" language="javascript">

function enablePngImages() {

var imgArr = document.getElementsByTagName("IMG");

for(i=0; i<imgArr.length; i++){

  if(imgArr[i].src.toLowerCase().lastIndexOf(".png") != -1){

   imgArr[i].style.filter = 
      "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"  +        imgArr[i].src + "',  sizingMethod='auto')";

   imgArr[i].src = "spacer.gif";

  } 

  if(imgArr[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1){

   var img =  imgArr[i].currentStyle.backgroundImage.substring(5,imgArr[i].currentStyle.backgroundImage.length-2);

   imgArr[i].style.filter  =       "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+       "',  sizingMethod='crop')";

    imgArr[i].style.backgroundImage = "url(spacer.gif)";

  }

 }

}

function enableBgPngImages(bgElements){

 for(i=0; i<bgElements.length;  i++){

  if(bgElements[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1){

   //alert(bgElements[i]);

   var img =         bgElements[i].currentStyle.backgroundImage.substring(5,        bgElements[i].currentStyle.backgroundImage.length-2);

   bgElements[i].style.filter  =        "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+        "',  sizingMethod='crop')";

    bgElements[i].style.backgroundImage = "url(spacer.gif)";

  }

 }

}

</script>

<img src="pngpic.png" alt="" border="0" />

<!--[if lt IE 7]>

<script type='text/javascript'>

var bgElements;

 enablePngImages();

 if(bgElements){

   enableBgPngImages(bgElements);

 }

</script>

<![endif]-->

 

转载于:https://www.cnblogs.com/MemoryofHeart/archive/2013/05/03/3057854.html