javascript - 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
      })
});​

更新的小提琴

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

但是Craig Swing 的回答解决了主要问题（我只是在上面偶然提到了这个问题）：您不希望;您为该物业提供的价值。;在 CSS 中，样式定义彼此分离，它不是价值的一部分。