IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

IE6中隐形的PNG8图片

Gulu77 2009-11-22 20:44:53 累计浏览 2,969 次
本机暂存

    在项目中遇到一情况让困扰了半天,同一张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. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 解决IE6从Nginx服务器下载图片不Cache的Bug (累计阅读 8,357)
  2. iframe里src="about:blank"的问题。 (累计阅读 8,088)
  3. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  4. display: inline-block在IE6、IE7下bug的解决方法 (累计阅读 6,464)
  5. BO报表系统嵌入Iframe在firefox下的错误修改 (累计阅读 5,701)
  6. 简单的全系列浏览器css hack (累计阅读 5,680)
  7. 浮动引起的文本重影 (累计阅读 5,404)
  8. IE 颜色 Hack全收集 (累计阅读 5,162)
  9. Js事件监听封装(支持匿名函数) (累计阅读 5,077)
  10. 各浏览器的默认CSS (累计阅读 4,968)