使IE6正常显示PNG-24格式图片的两种方法

当前位置 : 首页 > 网页制作 > 心得技巧 > 使IE6正常显示PNG-24格式图片的两种方法

使IE6正常显示PNG-24格式图片的两种方法

来源:互联网 作者:脚本宝典 时间:2015-08-28 13:38
方法一: 请将下面代码,加在/html之后 复制代码 代码如下: !--[if IE 6] script type=text/javascript function correctPNG() { for(var i=0; idocument.images.length; i++) { var img = document.images[i] var imgName = img.src.

方法一: 
请将下面代码,加在</html>之后 

复制代码

代码如下:


<!--[if IE 6]> 
<script type="text/javascript"> 
function correctPNG() 

for(var i=0; i<document.images.length; i++) 

var img = document.images[i] 
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 
i = i-1 



correctPNG(); 
</script> 
<![endif]--> 


方法二: 

复制代码

代码如下:


<!--[if IE 6]> 
<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script> 
<script type="text/javascript"> 
DD_belatedPNG.fix('*'); 
</script> 
<![endif]--> 


Tag:
网友评论