通过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

看起来像个错误。

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

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

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

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

然后以这种方式检索它，它可以工作。