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

标签 jquery html internet-explorer css transition

我正在使用 jQuery 回退制作 HTML5 幻灯片,但遇到了一些问题。我需要在所有浏览器中找到 #containtertransition-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/

相关文章:

jquery - 空 div 悬停事件在 IE 中未触发

jquery - 自定义 jQRangeSlider 标签的位置

javascript - 如何在 Kendo 网格行中嵌入线性仪表

javascript - Bootstrap Modal - 根据 iframe 高度调整模态大小

javascript - 启用 html5 模式后,它没有显示评级 svg 图标填充颜色

html - 将单个图像缩放为网格正方形?

javascript - 当包含 jQuery 时,HTML 选择元素类型为 'select-one'。它是跨浏览器值吗?

javascript - 使用隐藏字段将字符串复制到剪贴板

javascript - 在 node.js 中使用 jQuery

javascript - anchor 在 IE7 上分成两部分