【问题标题】: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中检测到支持