真正解决透明图片,png图片在ie6一下无法透明的实用方法

Posted by admin on 2011, July 29

0.0.8a.js (未压缩版本, ~12Kb)

0.0.8a-min.js (压缩版, ~7Kb)

首先下载这js、调用之即可

之后在使用PNG的页面中引用代码

<!–[if IE 6]>

<script type=”text/javascript” src=”下载下来的JS路径”></script>

<![endif]–>

引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。

如DD_belatedPNG.fix(’#box-one, img’) 或者 DD_belatedPNG.fix(’.header, background’) 等。

这些可以简写成 DD_belatedPNG.fix(’#box-one, .header, img,background’); 。

更多选择器的如 DD_belatedPNG.fix(’#box-one, .header,#footer,.box-two a:hover, img,background’); 等等。

另外,为解决IE6下背景图闪烁,可以定义下html的CSS

html {filter:expression(document.execCommand(”BackgroundImageCache”, false, true));}

OK,就介绍这么多,期待大家来分享更多的应用方法!

转来的,希望大家有更好的方法也分享一下,尤其png格式的图片还有24,32位之分