我正在使用 jQuery 回退制作 HTML5 幻灯片,但遇到了一些问题。我需要在所有浏览器中找到 #containter
的 transition-duration
的值,尤其是 Internet Explorer,因为没有版本支持 CSS3 转换。
我正在使用这段 jQuery 来执行此操作,但它在 IE 中不起作用:
$('#container').css('transition-duration')
有什么办法吗?我认为问题在于 IE 甚至不加载 CSS 值,因为它不受支持。
最佳答案
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
关于jquery - 在 Internet Explorer 中使用 jQuery 读取 CSS3 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9352229/