-ms-animation我应该为旧浏览器包含这个吗?

时间:2017-02-20 09:27:43

标签: css css3 internet-explorer vendor-prefix

正如标题所述,我想知道是否应该使用它。

根据MS文档,简单地使用“动画”现在是IE10的默认设置(这就是为什么我有一个绿色的波浪形)

在查看并修复它之后,我想知道,我是否还应该包含这行“-ms-animation”

有人可以说,如果老浏览器需要它,或者是否需要追溯“ - ms”前缀?

3 个答案:

答案 0 :(得分:9)

在Internet Explorer 10的预发布版本中,动画,过渡,渐变和-ms-需要font-feature-settings前缀。版本预览版和IE10的稳定版支持所有上述功能,但未加前缀(正如IE11和Microsoft Edge一样,不用说)。 1

即使您以某种方式获得了IE10的预发布版本,它甚至都不会再运行了,因为所有预发布版本在发布后一年内到期。 2

因此动画,过渡,渐变和-ms-不再需要font-feature-settings,因为现有的任何Microsoft浏览器版本都不再需要前缀。通过包含这些功能的前缀,您只是不必要地增加文件大小和浪费带宽。

虽然我们正在考虑,但在任何动画或转换样式中包含-ms-transform同样不必要地浪费带宽,因为IE的唯一版本需要{{1}变换的前缀是IE9,它不支持动画或过渡。

1 具有讽刺意味的是,由于IE历史悠久的开发周期,微软是唯一一家从头到尾忠实地为实验性功能添加前缀的供应商:前缀为不稳定的构建,并且没有前缀的生产,只为特定于供应商的功能保留面向公众的前缀。

2 如果您认为"一年"听起来很长一段时间,这里有一些观点:IE10的第一个平台预览版于2011年发布 - 六年年前。这甚至比IE6和IE7之间的差距还要长(仅仅五年)!

答案 1 :(得分:1)

您只需要:

 -webkit-animation: myanim 5s infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: myanim 5s infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

您可以随时检查http://css3please.com/ css3相关内容:)

答案 2 :(得分:0)

简短版本:

  

我还应该包含这行“-ms-animation”

如果您想在旧版浏览器上支持这些功能:是。

首先,您不应该在野外使用实验性功能。他们是实验性的。这就是大多数浏览器正在远离前缀属性并使用配置标志的原因。

CSS要素前缀表示属性或值是实验性的或非标准的。

当该功能不再具有实验性或非标准性时,将发布一个新版本的浏览器,并且该功能具有前所未有的支持。

旧版本的浏览器不会突然从新版本的浏览器中获取代码。如果有人继续使用Joes的Webby 6,并且在Joes的Webby 7之前不支持该功能的标准版本,那么未升级到版本7的人将无法获得对这些功能的支持(包括标准化版本) CSS功能)。

令人高兴的是,在过去几年中,浏览器已自动更新为大多数用户的最新版本。 (有一些例外,例如能够为Windows网络固定特定版本的IE,或者仅通过其软件包管理系统管理升级并且对新版本非常保守的Debian政策),但在大多数情况下,不需要担心支持旧版本的浏览器 - 特别是对于大多数前缀CSS覆盖的化妆品。

就此而言,在野外使用实验性的非标准特征从一开始就不是一个好主意。