IE6 下使 png 透明的方法

PHPABC xhtml/html 642 次浏览 , , 没有评论

1、CSS样式法:(将如下样式添加到透明PNG所在的层)

.divBox{
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent_Image.png');
_background-image: none;
}

使用方法:

 <div class="divBox"></div>


2、JS 【指定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}}

使用方法:

 <img src="transparent_Image.pn" onload="fixPNG(this)" />

3、JS【页面中所有PNG透明】 var arVersion=navigator.appVersion.split(“MSIE”)var version=parseFloat(arVersion[1])if((version>=5.5)&&(document.body.filters)){for(var i=0;i“img.outerHTML=strNewHTML i=i-1}}}

使用方法:

 <!--[if lt IE 7]><script defer type="text/javascript" src="pngfix.js"></script><![endif]-->

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go