IE6中隐形的PNG8图片
浏览:2687次 出处信息
在项目中遇到一情况让困扰了半天,同一张PNG8图片为何部份图标在IE6中消失呢?当时一度怀疑是cache或hosts问题反反复复开关浏览器结果依然无效,连番测试终于找到了原因。
问题在于PNG8图片本身,以下l例子模拟了当时情况,当使用IE6来浏览的会发现第二行的4个图标隐形了。Demo
原来下面的4个图标被调了90%的”Alpha透明度”(FW在导出PNG8的时能保留“Alpha透明度”PS则做不了这一点)。

而被Alpha半透明的图标在一般浏览软件或FF、Chrome、Safari、Opera、IE7以上浏览器都可以正常浏览,唯独是IE6。
其实也有办法让IE6支持PNG8的”Alpha透明度”,方法与PNG32的IE滤镜一样。Demo
从来上面结果得知原来是 png8“Alpha透明度”闯的祸。而且这次PNG8不同于png32的是,不支持png半透明的浏览器(如ie6)会自动降级到全透明(像gif那样),而不是像png32那样会有一个灰色的背景。
建议继续学习:
- 程序员眼里IE浏览器是什么样的 (阅读:7648)
- 用 javascript 判断 IE 版本号 (阅读:4494)
- IE BUG相关文章集合 (阅读:4525)
- 一个IE6下重复加载的BUG (阅读:3670)
- CSS实现HTML元素透明的那些事 (阅读:3629)
- web开发中合理动用图片格式 (阅读:3559)
- IE8开发人员工具如何嵌入浏览器 (阅读:3348)
- IE下json格式的一小点需要注意的地方 (阅读:3150)
- 请给PNG8一个机会 (阅读:2973)
- iPhone中png图片格式处理 (阅读:3068)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:printf格式控制(你所不知道的printf妙用)
后一篇:关键词工具整理 >>
文章信息
- 作者:Gulu77 来源: Gulu77
- 标签: IE PNG
- 发布时间:2009-11-22 20:44:53
建议继续学习
近3天十大热文
-
[321] WordPress插件开发 -- 在插件使用 -
[151] 解决 nginx 反向代理网页首尾出现神秘字 -
[92] IOS安全–浅谈关于IOS加固的几种方法 -
[50] Linux Used内存到底哪里去了? -
[50] 到底什么是MVC? -
[50] 二维码的生成细节和原理 -
[48] Shell的那些事儿 -
[47] 中间件和稳定性平台 -
[47] 浏览器的工作原理:新式网络浏览器幕后揭秘 -
[47] Hacker News 排名算法工作原理

