IE9是否支持过渡CSS3效果? [英] Does IE9 support transition CSS3 effects?

问题描述

我将以下代码用于页面过渡效果，但不支持IE9浏览器.我必须在IE9浏览器中应用该效果.那么，我该怎么办?

I used below code for Page transition effect but that does not support IE9 browser. I must apply that effect in IE9 browser. so, what can i do?

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

推荐答案

IE9不支持CSS转换.

CSS Transitions are not supported in IE9.

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

此外，IE10使用无前缀过渡. (因此-ms-transition在这里没有用)

Also, IE10 uses unprefixed transition. (so -ms-transition is of no use here)

使用 Modernizr 来检测是否支持CSS转换，否则所有浏览器(包括IE9)都将使用jQuery Animate进行回退不支持CSS过渡.

Use Modernizr to detect if css transitions are supported, else fallback with jQuery Animate for all browsers (including IE9) that do not support CSS transitions.

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

这篇关于IE9是否支持过渡CSS3效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！