for your design.一个只专注页面重构的博客,分享收集大量国外优秀文章. 博客地址:http://yuanyun.blogbus.com/

IE6的PNG透明

上一篇 / 下一篇  2009-02-23 20:18:24 / 个人分类:难题攻克记录

查看( 242 ) / 评论( 1 )

这是我到现在为止发现最好的一个实现PNGIE6透明的方法。所以,翻译下。

希望大家能很好的应用。若需要帮助可以给我mail联系。yuanyun.zhu@gmail.com

 

这个方法并不是唯一的,实际上灵感来自于Drew McLellan’ssupersleight

这些都是它成为最佳方式的原因:


1.  非常简洁的javascript,只有1kb

2.      能工作于img标签和background-images属性

3.      自动运行。你不需要再为png图片定义任何类名。

4.      允许自动宽高属性

5.      超级简单的应用方法

 

现在,你要做的就是下载download the zip压缩包,


1.将下列代码拷贝到header中,请确保路径是正确的。


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

 

    

2.添加"clear.gif"到你选择的相应路径中,在js的第一行中,{var clear="unitpngfix/clear.gif" //path to clear.gif}

  确保你选择的路径是正确的。

 

3.结束,欣赏Png在IE 6显示的完美效果。


提示:

1.      IE6下,background-repeat效果不能实现,只会把png图片拉伸。

2.      IE6下,background-position属性也无效。


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





TAG: IE6 PNG png 透明

Prower - 记录成长历程 摄氏度 发布于2009-02-24 13:16:37
谢谢楼主分享,CSS滤镜也可以解决这个透明的问题,不过有点虚资源,会导致性能下降。
我来说两句

(可选)

Open Toolbar