首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

修复 IE 上 PNG 图片不能透明显示的有关问题

2012-11-08 
修复 IE 下 PNG 图片不能透明显示的问题// 修复 IE 下 PNG 图片不能透明显示的问题 script typetext/ja

修复 IE 下 PNG 图片不能透明显示的问题

// 修复 IE 下 PNG 图片不能透明显示的问题
<script type="text/javascript">

function correctPNG(){ // correctly handle PNG transparency in Win IE 5.5 & 6.?
???? var arVersion = navigator.appVersion.split("MSIE");
???? var version = parseFloat(arVersion[1]);
???? if ((version >= 5.5) && (document.body.filters)) {
??? ? for(var j=0; j<document.images.length; j++){
??? ?? var img = document.images[j];
??? ?? var imgName = 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;
??? ??? j = j-1;
??? ?? }
??? ? }
???? }???
}
window.attachEvent("onload", correctPNG);

</script>

?

使用时:先引入上面的JS 然后在使用的地方:

<img src="images/logo.png" alt="修复 IE 上 PNG 图片不能透明显示的有关问题" onload="return correctPNG();" />

?

?

热点排行