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
}