IE6不支持图片透明解决方案

阅读更多

先去老外Drew Diller的博客上下载一个js文件：www.dillerdesign.com/experiment/DD_belatedPNG/

把JS文件下载下来，放到你的网站目录里去，

然后在html 的里面加上以下的代码：

 

 

 

注： DD_belatedPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。

此解决方案的不足：

1、你的CPU在打开页面的时候可能会飙升。

2、链接的hover的手型会变成指针，但是链接是存在的。解决方法：只要在css里加一条a{cursor:pointer}就行了。

第 1 种方法:定义一个样式,给某个div应用这个样式后，div的透明png背景图片自动透明了。（注意两处图片的路径写法不一样，本例中，icon_home.png图片与html文件在相同目录）

 

第 2 种方法: 给img定义样式，页面上所有透明png即自动透明了。（这方法只对直接插入的图片有效，对背景图无效）注意，要准备一个透明的小图片transparent.gif,大小不限。必须放在和html相同的目录
请勿大量使用，否则会导致页面打开很慢!!!)

换成你的png图片

 

第 3 种方法:用JS实现,加上一段js代码后,所有插入的透明png自动透明了.（注意，这方法也是只对直接插入的图片有效，对背景图无效）

把图片换成你自己的图片

 

方法四

 

用法如下：

 

下载DD_belatedPNG_0.0.8a-min

• DD_belatedPNG_0.0.8a-min.zip (2.9 KB)
• 下载次数: 0