【问题标题】:CSS animation not working in Internet Explorer 11CSS 动画在 Internet Explorer 11 中不起作用
【发布时间】:2019-05-08 10:28:22
【问题描述】:

我从另一个程序员那里继承了一个网站,但我遇到了一个问题。该网站有一个 CSS 动画,在 Chrome 和 Mozilla 中完美运行,但在 Internet Exporer 11 中无法运行(可能以前的版本也是如此)。背景只是纯白色,没有背景图像动画。

我猜这是动画 CSS 前缀的东西,但我不能让它工作

谁能帮帮我?

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

【问题讨论】:

    标签: css-animations internet-explorer-11


    【解决方案1】:

    我知道这篇文章已经过时了,但我怀疑这个问题可能与此处发布的问题相同:Background-image in keyframe does not display in Firefox or Internet Explorer

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

    【讨论】:

      【解决方案2】:

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

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

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

      请参阅http://developers.google.com/speed/pagespeed 了解一些提示(压缩幻灯片图像、资源缓存等)和http://modern.ie/report

      您可能还想在http://alexa.com 上查看类似网站的跳出率。通常,您的托管服务提供商能够为您提供一些基本的网站统计信息。我希望该网站具有很高的跳出率和较短的访问时间。

      老实说....这是狗早餐....除了第三方托管,您还应该考虑使用自己的服务器实例进行专用托管。

      【讨论】:

      • 谢谢,我改了 IE=edge 还是一样的问题,奇怪的是开发者工具的任何地方都没有错误。另外,感谢关​​于优化网页的建议,我一定会在修复 IE 问题后研究一下。
      猜你喜欢
      • 2014-10-12
      • 1970-01-01
      • 2015-01-13
      • 1970-01-01
      • 2014-02-15
      • 2017-02-26
      • 1970-01-01
      • 2011-12-09
      • 2019-07-23
      相关资源
      最近更新 更多