IE6中隐形的PNG8图片
浏览:1951次 出处信息
在项目中遇到一情况让困扰了半天,同一张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浏览器是什么样的 (阅读:6819)
- IE BUG相关文章集合 (阅读:3674)
- 用 javascript 判断 IE 版本号 (阅读:3284)
- 一个IE6下重复加载的BUG (阅读:2846)
- CSS实现HTML元素透明的那些事 (阅读:2835)
- web开发中合理动用图片格式 (阅读:2770)
- IE8开发人员工具如何嵌入浏览器 (阅读:2638)
- IE下json格式的一小点需要注意的地方 (阅读:2507)
- 请给PNG8一个机会 (阅读:2264)
- IE6支持PNG透明(alpha通道)的4种方法 (阅读:2196)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:printf格式控制(你所不知道的printf妙用)
后一篇:关键词工具整理 >>
文章信息
- 作者:Gulu77 来源: Gulu77
- 标签: IE PNG
- 发布时间:2009-11-22 20:44:53
建议继续学习
近3天十大热文
- [66] Go Reflect 性能
- [65] Oracle MTS模式下 进程地址与会话信
- [64] 如何拿下简短的域名
- [59] android 开发入门
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 图书馆的世界纪录
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则