技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 其他 --> IE6中隐形的PNG8图片

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那样会有一个灰色的背景。

建议继续学习:

  1. 程序员眼里IE浏览器是什么样的    (阅读:6819)
  2. IE BUG相关文章集合    (阅读:3674)
  3. 用 javascript 判断 IE 版本号    (阅读:3284)
  4. 一个IE6下重复加载的BUG    (阅读:2846)
  5. CSS实现HTML元素透明的那些事    (阅读:2835)
  6. web开发中合理动用图片格式    (阅读:2770)
  7. IE8开发人员工具如何嵌入浏览器    (阅读:2638)
  8. IE下json格式的一小点需要注意的地方    (阅读:2507)
  9. 请给PNG8一个机会    (阅读:2264)
  10. IE6支持PNG透明(alpha通道)的4种方法    (阅读:2196)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
  • 作者:Gulu77    来源: Gulu77
  • 标签: IE PNG
  • 发布时间:2009-11-22 20:44:53
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1