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 Transitions。

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
}