爱黑武论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3056|回复: 5

[其他] IE6实现PNG图片透明JavaScript代码

[复制链接]
发表于 2010-12-24 13:48 | 显示全部楼层 |阅读模式

立即注册,加入爱黑武论坛的大家庭!爱黑武,爱上搞机生活!

您需要 登录 才可以下载或查看,没有账号?注册

x
因为IE6一下的版本是不支持PNG格式的图片的,想要在IE6实现透明图片,需要另外想办法

有个简单的办法,用PS把图片转换成GIF格式,但是这样做的后果是,图片锯齿很严重

另外就是需要JS代码来实现了,我给你一段代码,放到HEAD里面就行了

PNG图片透明代码:

  1. <script>
  2.     function correctPNG(){
  3.         for(var i=0; i<document.images.length; i++) {
  4.             var img = document.images[i]
  5.             var imgName = img.src.toUpperCase()
  6.             if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
  7.                 var imgID = (img.id) ? "id='" + img.id + "' " : ""
  8.                 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  9.                 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  10.                 var imgStyle = "display:inline-block;" + img.style.cssText  
  11.                 if (img.align == "left") imgStyle = "float:left;" + imgStyle
  12.                 if (img.align == "right") imgStyle = "float:right;" + imgStyle
  13.                 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle   
  14.                 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='image');"></span>"  
  15.                 img.outerHTML = strNewHTML
  16.                 i = i-1
  17.             }
  18.         }
  19.     }
  20.     window.attachEvent("onload", correctPNG);
  21. </script>
复制代码
发表于 2010-12-24 14:05 | 显示全部楼层
沙发……偶也
发表于 2010-12-24 14:08 | 显示全部楼层
我来看看我有多少钱.....
发表于 2010-12-24 14:52 | 显示全部楼层
地板  支持下  

哇咔
发表于 2010-12-24 17:47 | 显示全部楼层
菜鸟一个…看不懂…
发表于 2010-12-24 19:23 | 显示全部楼层
确实,看不懂,哈哈
 Hello,黑武的好机友!回复想偷个懒?点这里: 
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

QQ|小黑屋|Archiver|手机版|爱黑武论坛 ( 京ICP备2023028323号 | 京公网安备11011202000270号 )

GMT+8, 2024-12-22 20:03 , Processed in 0.045654 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2024, ihei5.com

快速回复 返回顶部 返回列表