IE6中png图片透明方法

一、png图片写在css中作为背景图（IE5.5+ 的 AlphaImageLoader 滤镜功能）

<style> 
.png{ 
    border:1px solid #360; 
    width:905px; 
    height:545px; 
    background: url(yun.png) no-repeat; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="yun.png"); 
    _background:none; 
} 
</style> 
 
<div class="png"></div> 

二、png图片写在html中作为插入图（一般使用js实现）

方法一:

<!--[if IE 6]> 
<script> 
function correctPNG(){ 
for(var i=0; i<document.p_w_picpaths.length; i++){ 
var img = document.p_w_picpaths[i]; 
var imgimgName = 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 + ";" 
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src='" + img.src + "', sizingMethod='scale');\"></span>"; 
img.outerHTML = strNewHTML; 
ii = i-1; 
} 
} 
} 
window.attachEvent("onload", correctPNG); 
</script> 
<![endif]--> 
 
<img src="yun.png" border="0" /> 

方法二：（注：需要在图片处调用js）

<script language="javascript"> 
// 修复 IE 下 PNG 图片不能透明显示的问题 
function fixPNG(myImage) { 
var arVersion = navigator.appVersion.split("MSIE"); 
var version = parseFloat(arVersion[1]); 
if ((version >= 5.5) && (version < 7) && (document.body.filters)){ 
     var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""; 
     var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""; 
     var imgTitle = (myImage.title) ? "title='" + myImage.title   + "' " : "title='" + myImage.alt + "' "; 
     var imgStyle = "display:inline-block;" + myImage.style.cssText; 
     var strNewHTML = "<span " + imgID + imgClass + imgTitle 
   + " style=\"" + "width:" + myImage.width 
   + "px; height:" + myImage.height 
   + "px;" + imgStyle + ";" 
   + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
   + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"; 
     myImage.outerHTML = strNewHTML; 
} } 
window.onload=function(){ 
         document.getElementById("top").style.height=screen.height/5+"px"; 
         
} 
</script> 
<img src="logo.png" border="0" onload="fixPNG(this)" />