同一张PNG8图片为何部份图标在IE6中消失

利群手机电脑

利群手机电脑

2016-02-20 00:02

今天图老师小编要向大家分享个同一张PNG8图片为何部份图标在IE6中消失教程,过程简单易学,相信聪明的你一定能轻松get!

在项目中遇到一情况让困扰了半天,同一张PNG8图片为何部份图标在IE6中消失呢?当时一度怀疑是cache或hosts问题反反复复开关浏览器结果依然无效,连番测试终于找到了原因。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

问题在于PNG8图片本身,以下l例子模拟了当时情况,当使用IE6来浏览的会发现第二行的4个图标隐形了。

原来下面的4个图标被调了90%的Alpha透明度(FW在导出PNG8的时能保留Alpha透明度PS则做不了这一点)。

而被Alpha半透明的图标在一般浏览软件或FF、Chrome、Safari、Opera、IE7以上浏览器都可以正常浏览,唯独是IE6。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

其实也有办法让IE6支持PNG8的Alpha透明度,方法与PNG32的IE滤镜一样。

从来上面结果得知原来是 png8Alpha透明度闯的祸。而且这次PNG8不同于png32的是,不支持png半透明的浏览器(如ie6)会自动降级到全透明(像gif那样),而不是像png32那样会有一个灰色的背景。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

同一张PNG8图片为何部份图标在IE6中消失

Web开发
同一张PNG8图片为何部份图标在IE6中消失

IE6下如何让PNG图片变透明

Web开发
IE6下如何让PNG图片变透明

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

IE6支持PNG格式图片的CSS滤镜写法

Web开发
IE6支持PNG格式图片的CSS滤镜写法

如何让position:fixed在IE6中工作

Web开发
如何让position:fixed在IE6中工作

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS怎样把一张图片放到另一张图片上?

PhotoShop PS PS教程
PS怎样把一张图片放到另一张图片上?

一个 utf-8 网页在 IE6下的BUG

Web开发
一个 utf-8 网页在 IE6下的BUG

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

最完美的恢复win8开始按钮方法!

最完美的恢复win8开始按钮方法!

轻松完成Win8系统的激活

轻松完成Win8系统的激活
下拉加载更多内容 ↓