CSS动画在Internet Explorer 11中不起作用

Question

我从另一个程序员那里继承了一个网站，我正面临着一个问题。该网站有一个css动画，它在Chrome和Mozilla中工作得很好，但在Internet Exporer 11 (可能是以前的版本)中就不能工作。背景只是纯白色，没有背景图像动画。

我猜它是带有动画CSS前缀的东西，但我不能使它工作

有谁可以帮我？

链接：http://presentamivuelo.com/ver-view/TIiY1wLt

Answer 1

将IE=edge添加到您的X-UA元标记：

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

你的网站需要超过3分钟来加载一个4Mb/s的连接(在所有浏览器中)...目标是3秒。

查看http://developers.google.com/speed/pagespeed获取一些技巧(压缩幻灯片图像、资源缓存等)和http://modern.ie/report

你可能还想在http://alexa.com上查找类似网站的跳板率。通常，您的主机提供商能够为您提供一些基本的站点统计信息。我希望该网站有一个非常高的弹跳率和短的访问时间。

说实话..。那里有狗的早餐……除了第三方托管，您还应该考虑使用您自己的服务器实例进行专用托管。

Answer 2

我知道这篇文章很旧，但我怀疑这个问题可能与这里发布的问题相同：Background-image in keyframe does not display in Firefox or Internet Explorer

如果其他人出于同样的原因在这里，你不能动画背景图像，因为它是一个不可动画的属性https://www.w3.org/TR/css-backgrounds-3/#the-background-image