在IE流览器中正确显示信息PNG全透明照片

2021-03-16 00:45 jianzhan

  png照片有很好的质量。黑影实际效果也不容易有杂边,很顺畅。假如插进网页页面的话能够给网站內容增色很多!更关键的是在不提升照片容量尺寸的状况下提升了网页页面的照片的品质。针对有繁杂情况,如:在有色调过多情况上插进不规律边框的照片带来巨大很便捷!
  但现阶段IE中针对插进的全透明情况的.png的照片是不可以一切正常显示信息的。IE会全自动给".png"文件格式的照片加个灰色情况。
  处理这个的方式是提升javascript。实际方式以下:
  把下面的编码放在head区便可以处理难题了。
<scriptlanguage="javascript">
functioncorrectPNG()
{
for(vari=0;i<document.images.length;i )
{
varimg=document.images[i]
varimgName=img.src.toUpperCase()
if(imgName.substring(imgName.length⑶,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
i=i⑴
}
}
}
window.attachEvent("onload",correctPNG);
</script>
  还可以把这段编码独立加在1张照片上:
<span
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span>