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

-ms-animation should I include this for older browsers?

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

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

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

谁能说说旧版浏览器是否需要它,或者删除对“-ms”前缀的需要是否追溯适用?

您只需要:

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

您以后可以随时查看 http://css3please.com/ 以获得 css3 相关内容:)

简短版本:

should I still include this line "-ms-animation"

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

您一开始就不应该在野外使用实验性功能。他们是实验性的。这就是为什么大多数浏览器都不再使用前缀属性并改用配置标志的原因。


CSS 特征前缀表示 属性 或值是实验性的或 non-standard。

当该功能不再处于实验阶段或 non-standard 时,将发布新版本的浏览器,不带前缀地支持该功能。

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

令人高兴的是,在过去几年中,大多数用户的浏览器已 auto-updated 到最新版本。 (有一些例外,例如能够为 Windows 网络固定特定版本的 IE,或者 Debian 仅通过其包管理系统管理升级并且对新版本非常保守的政策),但对于大多数情况下,您无需担心是否支持旧版本的浏览器——尤其是那些前缀为 CSS 的装饰性内容。

就此而言,首先在野外使用实验性 non-standard 功能从来都不是一个好主意。

动画、过渡、渐变和 font-feature-settings 在 pre-release 版本的 Internet Explorer 10 中需要 -ms- 前缀。IE10 的发布预览版和稳定版支持所有前面提到的功能没有前缀(IE11 和 Microsoft Edge 也是,不用说)。1

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

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

尽管如此,在任何动画或过渡样式中包含 -ms-transform 同样是不必要的带宽浪费,因为 IE 的唯一版本需要 -ms- 前缀进行转换是IE9,反正不支持动画和过渡。


1 具有讽刺意味的是,由于 IE 的历史开发周期很长,微软是唯一一家从头到尾忠实遵循前缀实验性功能流程的供应商: 在不稳定的构建中添加前缀,并在未添加前缀的情况下运送到生产环境,仅为 vendor-specific 功能保留 public-facing 前缀。

2 如果您认为 "a year" 听起来很长,这里有一些观点供您参考:IE10 的第一个平台预览是2011 年分发 — 年前。这甚至比 IE6 和 IE7 之间的差距(仅仅五年)还要长!