IT技术博客大学习 共学习 共进步

IE6中隐形的PNG8图片

Gulu77 2009-11-22 20:44:53 浏览 2,861 次

    在项目中遇到一情况让困扰了半天,同一张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浏览器是什么样的 (阅读 7,863)
  2. IE BUG相关文章集合 (阅读 4,801)
  3. 用 javascript 判断 IE 版本号 (阅读 4,700)
  4. 一个IE6下重复加载的BUG (阅读 3,881)
  5. CSS实现HTML元素透明的那些事 (阅读 3,821)
  6. web开发中合理动用图片格式 (阅读 3,802)
  7. IE8开发人员工具如何嵌入浏览器 (阅读 3,521)
  8. IE下json格式的一小点需要注意的地方 (阅读 3,340)
  9. iPhone中png图片格式处理 (阅读 3,322)
  10. IE6支持PNG透明(alpha通道)的4种方法 (阅读 3,120)