使用JavaScript添加时，框阴影不会生效

Question

我有这个代码，我无法工作。 http://jsfiddle.net/AeRV7/

问题是我无法使用javascript添加框阴影。

$(".first").css({"box-shadow": "0 0 5px #888;"});

Answer 1

删除属性上的分号（里面引号）。

$(".first").css({"box-shadow": "0 0 5px #888"});
// ----------------------------------- here ^

Answer 2

与CSS一样，您需要指定供应商前缀：

$(function(){
    var val = "0px 0px 5px #888";
      $(".first").css({
          "box-shadow": val,
          "-moz-box-shadow": val,
          "-webkit-box-shadow": val
      })
});​

Updated fiddle

如果您需要CSS中的供应商前缀（您确实拥有它们），那么在以编程方式设置相同样式时需要它们。在评论中，Duri说当前版本支持box-shadow没有前缀，但指出Firefox 3.6（仍然是一个广泛使用的浏览器）仍然需要-moz。

但Craig Swing's answer解决了主要问题（我上面只是偶然提到过）：您不希望;代表您为该属性提供的价值。 CSS 中的;将样式定义彼此分开，它不是值的一部分。