IE6中PNG背景透明和PNG图片透明的绝招
作者:佳明妈 来源:懒人建站 2010-03-16 人气:通常在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 是必须的。
IE6中PNG背景透明和PNG图片透明的绝招由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
IE6中PNG背景透明和PNG图片透明的绝招-最新评论