JS实现IE6下PNG图片透明又出新方法!

开发 前端
实现IE6下的PNG图片透明的方法很多,这里向大家描述一下用Javascript实现IE6下PNG图片透明的新方法!相信你一定会感兴趣的。

本文和大家重点讨论一下用Javascript实现IE6下PNG图片透明的新方法!今天在Webappers上看到了一个用Javascript实现的做法,比目前我所知道的做法要有效的多,详情可以参看UnitPNGFix的演示网页。

用Javascript实现IE6下PNG图片透明的新方法!

实现IE6下的PNG图片透明的方法很多,今天在Webappers上看到了一个用Javascript实现的做法,比目前我所知道的做法要有效的多,详情可以参看UnitPNGFix的演示网页。

其实现原理很简单,如果在IE6下有用PNG图片做背景的话就利用IE滤镜效果来做,这个大家都知道,就不多说了。但UnitPNGFix能够根据你设置的背景“repeat”属性来实现对应的效果,这就厉害了!如果是直接把PNG图片用在界面中,即用“img”标题形式嵌入界面的话,那么UnitPNGFix就会用一张透明的GIF图片来替换这张PNG图片,应该IE6是支持GIF透明的,所以大家就会看到一张空白透明的图片。接下来发生的事大家可能都能猜到了,UnitPNGFix会把新生成的透明GIF图片的背景设置为原PNG图片,并对背景图片进行IE滤镜处理,这样就实现了在视觉上IE6下PNG图片透明的效果了。

UnitPNGFix文件很小,包括一个未压缩的Javascript文件还有一幅透明gif图片,总共加起来才980字节。使用也很简单,只要在其Javascript文件中设置下透明gif图片的地址就可以用在你的网页中了。

UnitPNGFix号称有如下特点:

文件体积小,不到1kb!

解决了一些IE滤镜属性的问题;

可以运用于img对象和背景属性;

电子进行,不需要再定义类或函数;

电子设置元素的高宽;

【编辑推荐】

  1. 探究JavaScript DOM API技术的使用
  2. 深入了解J2ME Polish+Eclipse配置过程
  3. 探究J2ME中cookie库的管理
  4. 两种方式实现加速Javascript DOM操作优化
  5. 解析Linux下如何用eclipse搭建J2ME开发环境
责任编辑:佚名 来源: caopeng.org
相关推荐

2010-10-08 13:27:51

IE6pngJavaScript

2010-08-20 12:45:41

IE6IE7Firefox

2010-08-19 10:40:36

position:fiIE6

2010-08-20 10:52:26

2009-08-14 09:20:40

抵制IE6

2010-08-18 16:18:59

IE6CSS

2010-08-19 09:29:26

hoverIE6

2010-08-17 16:18:23

IE6IE7FF

2010-02-01 08:41:23

GoogleIE6

2010-09-15 10:57:25

IE6IE7FF

2010-08-19 15:04:26

IE6DIV

2010-08-25 11:23:31

IE6margin

2010-06-18 09:48:22

2021-09-27 10:12:42

欺骗防御rMTD网络攻击

2010-08-18 09:55:38

IE6

2010-08-19 14:43:49

IE6IE7IE8

2010-08-18 13:27:15

CSS兼容IE6

2010-08-27 09:02:22

IE6margin双倍

2009-12-01 09:25:09

微软IE6用户升级

2010-08-18 15:22:28

IE6IE7Firefox
点赞
收藏

51CTO技术栈公众号