IE6中PNG背景透明和PNG图片透明的绝招

通常在IE6中无法使用PNG透明图像，因为IE6自身的缺陷，不能完全支持PNG的透明与半透明，IE6中具有透明属性的PNG图片会有一个灰色的背景。

当然你可以使用JS方法来做到PNG插入图片透明，但是不能对PNG背景图片透明。你可以使用DD_belatedPNG.js来实现这个PNG透明。不过这个DD_belatedPNG.js有11K大小。个头可不算小。

下面介绍的方法，代码很少，只有2K。一个iepngfix.htc文件，此文件大小2K，加上一个blank.gif文件，这个blank.gif才43个字节。

这个iepngfix.htc文件不仅可以在IE6中对PNG图片透明还可以在IE6中对PNG背景透明。查看演示

下面是对代码的一点解释：
样式注释是声名IE7以下版本引用此 iepngfix.htc
<!--[if lt IE 7]>
 <style type="text/css">
 img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

此处的样式 img  可以是类名，比如 .class img {...}
<div class="class"><img src="images/home.png"/> </div>

样式的条件注释意思是IE7以下版本。

images 文件夹中的 blank.gif 是必须的。

 

TAG标签