当前位置： 首页 > 资料仓库 > 正文

[分享]让PNG格式图片在IE6下透明显示

霸王硬上弓 发布于 2010-09-22 06:39资料仓库344 views抢沙发

新建一后缀名为js的文件，png.js

JavaScript代码
        

  1. function correctPNG()    

    2.     

  2.    {   

    3.     

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

    4.     

  4.       {   

    5.     

  5.    var img = document.images   

    6.     

  6.    var imgName = img.src.toUpperCase()   

    7.     

  7.    if (imgName.substring(imgName.length-3, imgName.length) == "PNG")   

    8.     

  8.       {   

    9.     

  9.    var imgID = (img.id) ? "id='" + img.id + "' " : ""  

    10.     

  10.    var imgClass = (img.className) ? "class='" + img.className + "' " : ""  

    11.     

  11.    var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "  

    12.     

  12.    var imgStyle = "display:inline-block;" + img.style.cssText    

    13.     

  13.    if (img.align == "left") imgStyle = "float:left;" + imgStyle   

    14.     

  14.    if (img.align == "right") imgStyle = "float:right;" + imgStyle   

    15.     

  15.    if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle    

    16.     

  16.    var strNewHTML = "<span " + imgID + imgClass + imgTitle   

    17.     

  17.    + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"  

    18.     

  18.       + "filter:progidXImageTransform.Microsoft.AlphaImageLoader"  

    19.     

  19.    + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"    

    20.     

  20.    img.outerHTML = strNewHTML   

    21.     

  21.    i = i-1   

    22.     

  22.       }   

    23.     

  23.       }   

    24.     

  24.    }   

    25.     

  25. window.attachEvent("onload", correctPNG);  

 

然后在文件头模板文件 如header.htm中添加<script src="include/js/png.js" type="text/javascript"></script>即可。

您可能还会对这些文章感兴趣！

[分享]让PNG格式图片在IE6下透明显示：等您坐沙发呢！

发表评论