框阴影在由 JavaScript 添加时不会生效

Box shadow won't take effect when added by JavaScript

本文关键字：添加 阴影 JavaScript      更新时间：2023-09-26

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

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

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

删除属性上的分号(引号内的分号(。

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

就像你的CSS一样，你需要指定供应商前缀：

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

更新的小提琴

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

但克雷格·斯温(Craig Swing(的回答解决了主要问题(我只是在上面偶然解决了(：你不希望;你为房产提供的价值。 ; CSS 中的样式定义彼此分离，但它不是值的一部分。

相关文章：