javascript - IE9支持CSS3过渡效果吗？

Question

我使用下面的代码实现页面过渡效果，但不支持 IE9 浏览器。我必须在 IE9 浏览器中应用该效果。那么，我能做什么呢？

-webkit-transition: all 1s ease;  
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

Answer 1

IE9 不支持 CSS 转换。

http://caniuse.com/#feat=css-transitions

此外，IE10 使用无前缀转换。 (所以 -ms-transition 在这里没有用)

使用Modernizr检测是否支持 CSS 过渡，否则对于所有不支持 CSS 过渡的浏览器(包括 IE9)使用 jQuery Animate 回退。

if(!Modernizr.csstransitions) { // CSS ANimations Not supported.
//ADD YOUR CODE HERE
}