Internet Explorer 是否支持 CSS 过渡？答案

【问题标题】：Does Internet Explorer support CSS transitions?Internet Explorer 是否支持 CSS 过渡？
【发布时间】：2011-07-03 11:05:51
【问题描述】：

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

【问题讨论】：

标签： css internet-explorer css-transitions

【解决方案1】：

您链接到的页面有一个compatibility table。

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 about CSS3 transitions in Internet Explorer上还有一篇文章。

【讨论】：

当然，pp7 不再是 IE9 的最新版本。但它已经足够新了，它拥有 IE9 推出时将拥有的所有主要功能。 MS 严格要求仅实现具有最终规范的功能； CSS 过渡尚未最终确定，因此 IE9 不会拥有它（这也是为什么所有实现它的浏览器都在属性上使用供应商前缀）。
好吧，我不会撒谎——我知道答案，但我很惊讶我在 Stack Overflow 上找不到答案 :-)
IE10 承诺 CSS 过渡（尽管当前预览版不支持它们）。 blogs.msdn.com/b/ie/archive/2011/04/12/…
findMeByIP 网站看起来很棒但已经过时（firefox 4 是他们拥有的最新版本）。 IE 也很糟糕，使用起来很痛苦，这让我想创建一个病毒，用 chrome 默默地替换 ie..
@NickBedford：我的经验是 IE9 在标准合规方面没有重大问题。这些问题基本上是花哨的效果，对于网站的整体设计并不是很重要。这意味着仍然存在的问题属于类别“网站正常工作 - 不用担心。缺少的设计功能非常小，不值得为 IE 提供解决方法。”

【解决方案2】：

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

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

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

【讨论】：

【解决方案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 效果更流畅。

【讨论】：

useragentman 的博客主要是关于转换，而不是关于转换......作为替代方案，我可能会提到 jquery 的 animate()