jquery - 通过 JavaScript 在 Opera 中获取带前缀的 CSS 属性

Question

我编写了一些在 WebKit 浏览器和 Firefox 中完美运行的 jQuery。我现在正在 Opera 中进行测试，但在获取元素的过渡持续时间时遇到了问题。这是我的代码:

slideSpeed = $(".animate-in").css("-o-transition-duration");
console.log("Slide Speed", slideSpeed);

使用以下 CSS:

.animate-in{
    -o-transition-duration: 2.5s;
}

出于某种原因，Opera 没有返回“2.5s”。谁能解释一下为什么？

JSFiddle:http://jsfiddle.net/UGdUs/7/

Answer 1

看起来像一个错误。

如果您检查元素，您可以看到所有计算样式 tor 转换都是空的。即使您尝试直接从纯 JavaScript 访问该属性:

var delay = document.getElementById('id').style.OTransitionDelay;

它返回空字符串。但是如果你这样设置

document.getElementById('id').style.OTransitionDelay = '2.5s';

然后这样取回，就可以了。