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转换，否则使用jQuery Animate回退所有不支持CSS转换的浏览器（包括IE9）。

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