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

来源:互联网 发布:淘宝调料类怎么选 编辑:程序博客网 时间:2024/05/04 15:06


默认情况下IE6不显示PNG-24格式图片,我们可以通过以下两种不错的方法简单实现下让IE6显示,感兴趣的朋友可以参考下


方法一:

请将下面代码,加在</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]--> 




0 0
原创粉丝点击