【问题标题】:Avoiding browser incompatibilities when using animated PNG images使用动画 PNG 图像时避免浏览器不兼容
【发布时间】:2010-10-26 08:43:29
【问题描述】:

Animated PNG images (APNG) 已经存在了很长一段时间,试图将 GIF 格式的这一功能添加到 PNG 图像中。根据Wikipedia,它们在 Opera (>= 9.5) 和 Firefox (>= 3.0) 中受支持。如果浏览器不支持 APNG 图像,则会显示 APNG 动画中的第一帧,因为它被定义为广泛支持的 PNG 格式的扩展。假设您有一个动画 PNG 想要在您的站点中显示,并且您想要警告您的用户,如果他们的浏览器不支持它。你会怎么做?

【问题讨论】:

    标签: html png cross-browser


    【解决方案1】:

    让第一个图像显示很短的时间,并让它成为一个大而丑陋的错误消息。

    【讨论】:

      【解决方案2】:

      如果第一帧不是有用的图像,而动画很重要,那么在您的网站中使用它们可能还为时过早。最好等到更多浏览器支持它。

      如果由于某种原因它们很重要并且必须使用,那么我会在第一帧中包含一条错误消息,例如 Adam Jaskiewicz suggested,但是,支持 APNG 的用户会在短时间内看到警告.

      显然可以在article on Ajaxian中检测到支持

      【讨论】:

        猜你喜欢
        • 2014-08-01
        • 2011-09-08
        • 2015-08-10
        • 1970-01-01
        • 2013-03-02
        • 2015-07-30
        • 1970-01-01
        • 2017-01-19
        • 2013-05-29
        相关资源
        最近更新 更多