IE6下的透明PNG错误及其解决方案

  在网页设计的应用中,由于PNG格式的透明图像质量要远高于最多只能索引256色的GIF,所以我更喜欢大量使用PNG图片。但是透明的PNG图片在IE浏览器(6.0及其以下版本)中的表现经常不尽人意,会出现实底化(白底)。虽然IE6的市场份额正在逐年下滑,但仍然占有很大比例。既然改变不了世界,只好想办法适应它了。

  最近一次遇到这个问题是给我系系网制作欢迎界面时,为了追求画面质量而使用了PNG格式的透明图像,但是在其后的浏览器环境测试下,在IE6这一关停下了脚步。回想起学长 Davchen 去年在做 homepage 的时候也遇到过同样的问题,当时高考复习阶段,没帮上什么忙实在不好意思。现在写这一篇文章也算是给这一桩小事画上个句号吧。

 


 

将以下js片段移植到 <head></head> 中即可。

* 代码源自互联网 * 注释 Mutoo


这种方法的缺点是,无法直接对作为背景而使用的透明PNG作处理,但只需要从上面的例子举一反三利用 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 解释即可,但工作量可能极大。

 

IE7/8对该问题处理得还不错,祝愿IE6快快下台吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章