JavaScript로 추가 할 때 상자 그림자가 적용되지 않습니다.

Question

이 코드는 작동하지 않습니다. http://jsfiddle.net/AeRV7/

문제는 자바 스크립트를 사용하여 상자 그림자를 추가 할 수 없다는 것입니다.

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

Answer 1

은 재산 (하나의 안에 따옴표를) 세미콜론을 제거합니다.

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

Answer 2

은 그냥 CSS와 마찬가지로, 당신은 공급 업체 접두어를 지정해야합니다 : 당신이 당신의 CSS에서 공급 업체 접두사가 필요한 경우

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

Updated fiddle

를, (당신은 그들을 거기 있었나요) 프로그래밍 방식으로 같은 스타일을 설정할 때 필요합니다. 덧붙여 Duri는 접두사없이 현재 버전에서 box-shadow이 지원되지만 널리 사용되는 브라우저 인 Firefox 3.6은 여전히 ​​-moz이 필요하다고 지적합니다.

하지만 Craig Swing's answer은 주요 문제 (위의 경우에만 우연한 것임)를 처리합니다. 속성에 부여한 값에 ;을 사용하고 싶지 않습니다. CSS 의 ;은 스타일 정의를 서로 구분합니다. 이는 값의 일부가 아닙니다.