用GIF代替PNG
在设计网站LOGO的时候,大多数情况下我们都会选择PNG格式的图片,原因很简单,因为PNG支持全透明,不会遮盖背景的显示。但是IE6很不给面子,唯独IE6的浏览器在处理PNG-24和PNG-32的透明图片时会有灰底。不过这一麻烦事也早就被解决了,不外乎是用JS、滤镜、Hack等方法把IE6独立出来。
在YSlow的14条优化网站法则中,都不是很提倡用以上三种方法,有则改之,无则加勉咯。正好,我也不会用JS、滤镜和Hack这些方法,我的方法很原始——用GIF代替PNG。GIF是一种无损图片格式,而且支持动画,更重要的是GIF也支持全透明,只是在同等质量下比PNG格式的图片体积稍大一些。
下面贴两张图比较下:


在IE7+或者Firefox浏览本篇文章,应该看到以上两张图片是一样的;若是用IE6的浏览器,则第二张图应该显示灰底。因为第一张图我用的GIF格式,无需另外处理就可以在各核心各版本的浏览器完美显示,而第二张图用的是PNG格式,所以在IE6下就会显示灰色。这就是我为什么用GIF代替PNG的原因。
有这两张图应该比我写一大堆文字直观多了。
-
我们都错怪 IE6 了2010年11月3日 -
IE 下重复字符的 BUG 和解决办法2010年04月30日 -
汇总 IE 在 CSS 中常见的 中 bug2010年01月29日 -
抵制 IE6,从你我做起2010年01月8日
ie6还是逐渐退出市场了
这个也这么讲究~
不研究这个啊
ie6 png不透明,
IE6下第二张是不透明的。
刷新之后就会有了,呵呵
我的头像不能显示啊!有可能是我从来没来你这盖楼,头像缓存没我的!
PNG可以半透明,GIF做不到!
这倒是,呵呵,不过我没用到PNG
是不一样……
gif 有的时候会有毛边。。很讨厌。
瞧瞧来了
心细胆大..呵呵
所以现在要升级浏览器
不过我用火狐
恩,我也用FF,但是做网站还是要考虑到一些IE6的用户,没办法呢
有的时候GIF是完全做不到PNG的效果的,我新主题用了蛮多PNG的,用一个JS让它在IE6也能显示正常~~
你咱解决的,介绍下,我试啦很多不行,可能我自己的问题!
可以帮忙不!
http://www.ediyang.com/dd_belatedpng-best-way-support-ie6-png/
看看这个吧~
哇,怎么是Vista+IE6?
这也能被你发现。。。你牛,是BUG吧
呵呵,不是bug,我用ie测试软件
呵呵!不错!!真会研究!
這是最聰明的方法!
如果怕 gif 體積大, 可減色. 一般 gif 是 256 色, 像這種灰階減到 32 色都可以, 會小很多, 但會有損, 看不出來就沒關係.
哈哈,所以我的主题是灰色调的,我把背景图都合并成gif的了
IE6上没有区别撒?
恩~png半透明在ie六里面是成蓝灰色底的。不过有办法让他正常的
呵呵,我也很经常用PNG来的说···
有意思~·
我遨游2个看上去有区别呢
遨游好像就是IE的核心,把你的IE升级到IE7+,这两张图就一样了