css - Internet Explorer 是否支持 CSS 过渡？

Question

CSS 过渡是一种非常巧妙的方式来动画化 CSS 属性的变化。是否有任何版本的 Internet Explorer 支持它们？

Answer 1

您链接到的页面有一个兼容性表。

Chrome
    1.0 (-webkit prefix)

Firefox
    4.0 (2.0) (-moz prefix)
    16.0 (16.0) (no prefix)

Internet Explorer
    10.0 (no prefix)

Opera
    10.5 (-o prefix)  
    12.0 (no prefix)

Safari
    3.2 (-webkit prefix)

MSDN上还有一篇关于Internet Explorer 中的 CSS3 转换的文章。

Answer 2

我推荐使用http://caniuse.com/来检查对 html/css 功能的支持和兼容性，因为它会显示市场上大多数浏览器的数据。

这是转换的链接： http: //caniuse.com/#search=transitions

对于旧版本的 IE，您可以在丰富的 www 上找到各种 polyfills

Answer 3

IE8 中没有对 CSS 转换和过渡的原生支持。

也许您需要使用一些可用的 JavaScript 库来产生这样的效果：

• www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/#more-896
• www.jqueryui.com/effect/

权衡：CSS 过渡利用浏览器 (GPU) 的本机图形加速，因此比使用 JavaScript 效果更平滑。