知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

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

    作者:佳明妈 来源:懒人建站 2010-03-16 人气:
    通常在IE6中无法使用PNG透明图像,下面介绍的方法,代码很少,只有2K。一个iepngfix.htc文件,此文件大小2K,加上一个blank.gif文件,这个blank.gif才43个字节。

    通常在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图片透明的绝招由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    IE6中PNG背景透明和PNG图片透明的绝招-最新评论