IE6中png图片透明方法
一、png图片写在css中作为背景图(IE5.5+ 的 AlphaImageLoader 滤镜功能)
<style>.png{border:1pxsolid#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><divclass="png"></div>
二、png图片写在html中作为插入图(一般使用js实现)
方法一:
<!--[ifIE6]><script>functioncorrectPNG(){for(vari=0;i<document.p_w_picpaths.length;i++){varimg=document.p_w_picpaths[i];varimgimgName=img.src.toUpperCase();if(imgName.substring(imgName.length-3,imgName.length)=="PNG"){varimgID=(img.id)?"id='"+img.id+"'":"";varimgClass=(img.className)?"class='"+img.className+"'":"";varimgTitle=(img.title)?"title='"+img.title+"'":"title='"+img.alt+"'";varimgStyle="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;varstrNewHTML="<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]--><imgsrc="yun.png"border="0"/>
方法二:(注:需要在图片处调用js)
<scriptlanguage="javascript">//修复IE下PNG图片不能透明显示的问题functionfixPNG(myImage){vararVersion=navigator.appVersion.split("MSIE");varversion=parseFloat(arVersion[1]);if((version>=5.5)&&(version<7)&&(document.body.filters)){varimgID=(myImage.id)?"id='"+myImage.id+"'":"";varimgClass=(myImage.className)?"class='"+myImage.className+"'":"";varimgTitle=(myImage.title)?"title='"+myImage.title+"'":"title='"+myImage.alt+"'";varimgStyle="display:inline-block;"+myImage.style.cssText;varstrNewHTML="<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><imgsrc="logo.png"border="0"onload="fixPNG(this)"/>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。