如何在Opera下以编程方式获取box-shadow

时间:2011-03-03 12:56:00

标签: javascript jquery css cross-browser opera

使用jQuery,我正在尝试

item.css("-o-box-shadow")

或:

item.css("box-shadow")

...但是获得空字符串。

在Webkit和Gecko下,它使用“-webkit”和“-moz”前缀。

如何在Opera下完成?

我也尝试了“boxShadow”,但又一次是空字符串。

$(".flag").css("boxShadow", "rgba(0,0,0,0.5) 4pt 4pt 7pt"); // i see, it was set
$(".flag").css("boxShadow"); // returns ""

5 个答案:

答案 0 :(得分:3)

$('div')。css('boxShadow','10px 10px 10px#FF00FF');

所以:.css('boxShadow');

答案 1 :(得分:2)

在搜索并尝试过去的十五分钟后,我认为Opera有一个错误。

除非有一些模糊的未记录方式,否则您无法检索box-shadow值。

答案 2 :(得分:2)

这听起来像Opera实现boxShadow的方式有问题。我会看到我可以理解为什么没有这个价值的原因。

与此同时,使用您的示例,我认为您可以使用$(".flag").attr("style")检索整个样式,然后将字符串拆分为':'。

答案 3 :(得分:1)

看到你想使用jQuery,你可以使用它:

$('.item').css('boxShadow','5px 5px 6px #333333');

Example here for you :)(在Opera中打开)

答案 4 :(得分:0)

这可能是Opera中的一个错误。 jQuery的.css()方法使用getComputedStyle || currentStyle返回CSS属性,这两个属性都返回boxShadow的空字符串。