IE6解决下Png透明的最佳方法

因为它的确是太出众了。

1.非常小的javascript文件:1kb!

2.解决因为IE的滤镜属性所带来的影响。

3.无论是img元素或background-image属性,都能有效果。

4.在加载页面之前就能自动运行。或者就一丁点的元素。

5.允许自动高宽。

6.使用起来超级简单。

 

 

1136100

如何使用:

1)。下载unitpngfix.zip然后,添加下面的代码到你页面的头部。(一定要确保路径的正确)

<!–[if lt IE 7]>
        <script type=”text/javascript” src=”unitpngfix.js”></script>
<![endif]–>

2)。添加clear.gif到你的images 文件夹中。在js文件中,修改”var clear=”images/clear.gif” 路径,为你存放clear.gif的文件路径。

3)。 你的整个项目的png图片都实现了透明效果。的确非常简单吧?就2个步骤,就实现了整个站点所有png的透明效果。

一些注意事项:

Unit PNG Fix能够让 background-repeat在ie6下工作,不过这种工作方式不是像正常的repeat图片重复的效果,而是采用了拉伸的效果。但是,仍然是效果 的,所以这也是非常不错的。因为没有任何一个解决方案能够实现ie6下透明滤镜重复图片这个功能.

http://labs.unitinteractive.com/unitpngfix.php


[情缘工作室]原创文章,转载请注明来源并保留原文链接

本文链接:http://www.qyorg.com/jsjl/1409.html


Popularity: unranked [?]

分享这个帖子:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

没有评论 to “IE6解决下Png透明的最佳方法”

留下评论:

昵称(必须):
邮箱地址 (不会被公开) (必须):
站点
评论 (必须)
XHTML: 您可以使用这些标记: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>