【问题标题】:browser support for PNGs浏览器对 PNG 的支持
【发布时间】:2011-08-04 19:10:08
【问题描述】:

哪些网络浏览器不支持 png 图像类型,这些浏览器有什么更好的替代方案?

【问题讨论】:

    标签: image browser cross-browser png


    【解决方案1】:

    基本上所有浏览器。 Internet Explorer 从第 4 版开始就支持 PNG,Mozilla Firefox、Chrome 和 Safari 从其初始版本开始就支持它。

    24 位透明度是一个问题,它在 IE6 或更低版本中不起作用。不过,您可以使用一些解决方法来修复它。其他常见的图像类型,GIF 和 JPEG,根本不支持 24 位透明度,所以除了变通方法之外别无选择。

    唯一无法使用的现代浏览器是适用于视障人士和命令行爱好者的屏幕阅读器/文本浏览器。正确的替代方法是在 img 标签上提供 alt 属性。

    【讨论】:

    • K,谢谢!显示具有部分透明背景的 html 元素有哪些解决方法?
    • 有很多,包括大多数 javascript 库(如 jQuery)的插件。谷歌搜索“pngfix”,你会找到几十个。
    • 请记住,基于过滤器的 PNG alpha 通道透明度修复会消耗性能,而且您肯定不想处理数十或数百张图像。
    • @Archimedix 不一定是坏事 - 如果每个人的 IE6 运行缓慢,也许他们会升级(或购买预装 IE7+ 的更快的计算机)...
    【解决方案2】:

    对于 IE6,支持 PNG 透明度的一个很好的替代方案是 CSS3 PIE (javascript)。它还有许多其他有趣的功能以及 IE 支持。

    这个 SO 线程也可能有所帮助:How to get PNG transparency working in browsers that don't natively support it?

    【讨论】:

      【解决方案3】:

      所有常见的浏览器(Firefox、Internet Explorer、Opera、Safari、Chrome)都支持 png 图像格式。但是,某些旧版本在显示透明 PNG 图片时存在问题(例如 Internet Explorer 6.x 及更低版本)。 根据您要执行的操作,有多种选择。

      【讨论】:

        【解决方案4】:

        大多数用户代理都支持 PNG。旧版本和非图形浏览器,例如猞猁不要。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2011-06-08
          • 2012-06-08
          • 2015-05-16
          • 2018-02-14
          • 2013-03-25
          • 2018-01-06
          相关资源
          最近更新 更多