jquery - 在 Internet Explorer 中使用 jQuery 读取 CSS3 属性

Question

我正在使用 jQuery 回退制作 HTML5 幻灯片，但遇到了一些问题。我需要在所有浏览器中找到 #containter 的 transition-duration 的值，尤其是 Internet Explorer，因为没有版本支持 CSS3 转换。

我正在使用这段 jQuery 来执行此操作，但它在 IE 中不起作用:

$('#container').css('transition-duration')

有什么办法吗？我认为问题在于 IE 甚至不加载 CSS 值，因为它不受支持。

Answer 1

Internet Explorer 似乎不支持过渡属性。看看这个:

div
{
transition-property: width;
transition-duration: 1s;
transition-timing-function: linear;
transition-delay: 2s;
/* Firefox 4 */
-moz-transition-property:width;
-moz-transition-duration:1s;
-moz-transition-timing-function:linear;
-moz-transition-delay:2s;
/* Safari and Chrome */
-webkit-transition-property:width;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:2s;
/* Opera */
-o-transition-property:width;
-o-transition-duration:1s;
-o-transition-timing-function:linear;
-o-transition-delay:2s;
}

发件人:http://www.w3schools.com/css3/css3_transitions.asp

但我刚刚发现了这个:

-ms-transition-property,
-ms-transition-duration, 
-ms-transition-timing-function, 
-ms-transition-delay

来自 http://msdn.microsoft.com/en-us/library/windows/apps/hh466382.aspx