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

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

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

JavaScript代码
        

  1. function correctPNG()    
  2.     

  3.    {   
  4.     

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

  7.       {   
  8.     

  9.    var img = document.images   
  10.     

  11.    var imgName = img.src.toUpperCase()   
  12.     

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

  15.       {   
  16.     

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

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

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

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

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

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

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

  31.    var strNewHTML = "<span " + imgID + imgClass + imgTitle   
  32.     

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

  35.       + "filter:progidXImageTransform.Microsoft.AlphaImageLoader"  
  36.     

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

  39.    img.outerHTML = strNewHTML   
  40.     

  41.    i = i-1   
  42.     

  43.       }   
  44.     

  45.       }   
  46.     

  47.    }   
  48.     

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

 

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

本文固定链接: http://blog.ich8.com/post/304 | 霸王硬上弓's Blog

avatar
该日志由 霸王硬上弓 于2010年09月22日发表在 资料仓库 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: [分享]让PNG格式图片在IE6下透明显示 | 霸王硬上弓's Blog

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

发表评论

您必须 [ 登录 ] 才能发表留言!