필요에 따라 .css() Jquery 함수를 사용하여 해당 스타일을 적용해야합니다.

Question

이것은 내가 필요로하는 스타일입니다

body{ 
     background: url("img/Background_Home.jpg") no-repeat center center fixed; 
         -webkit-background-size: cover; 
         -moz-background-size: cover; 
         -o-background-size: cover; 
         background-size: cover; 


     margin:0; 
    } 

그리고 이것은 제가 ..

 function actualizar_fondo(imagen){ 
      $('body').css({"background":"url(img/"+imagen+".jpg)"}); 
      $('body').css({"background":"no-repeat center center fixed"}); 
      $('body').css({"-webkit-background-size":"cover"}); 
      $('body').css({"-moz-background-size":"cover"}); 
      $('body').css({"-o-background-size":"cover"}); 
      $('body').css({"background-size":"cover"}); 



     } 

결과 : 심지어 배경 이미지 (하지만 첫 번째 라인 만 작동)

같아요. 문제는 두 번째 줄에 있습니까?

Answer 1

두 번째 줄은 첫 번째 줄의 결과를 무시합니다. 둘 다 결합 할 수 있습니다.

function actualizar_fondo(imagen){ 
     $('body').css({"background":"url(img/"+imagen+".jpg) no-repeat center center fixed"}); 
     $('body').css({"-webkit-background-size":"cover"}); 
     $('body').css({"-moz-background-size":"cover"}); 
     $('body').css({"-o-background-size":"cover"}); 
     $('body').css({"background-size":"cover"}); 
} 

Answer 2

는 다음을 시도해보십시오

이

function actualizar_fondo(imagen){ 
     $('body').css("background", "url(img/"+imagen+".jpg) no-repeat center center fixed"); 
     $('body').css("-webkit-background-size","cover"); 
     $('body').css("-moz-background-size","cover"); 
     $('body').css("-o-background-size","cover"); 
     $('body').css("background-size","cover"); 
} 

Answer 3

두 번째 배경 선언이 첫 번째 줄의 결과를 overiding있다 - 당신은 그들 모두를 결합해야합니다. 또한 모두 조합하는 것이 좋습니다 CSS declarations into a single JSON map :

function actualizar_fondo(imagen){ 
    $('body').css(
     { "background":"url(img/" + imagen + ".jpg) no-repeat center center fixed", 
     "-webkit-background-size":"cover", 
     "-moz-background-size":"cover", 
     "-o-background-size":"cover", 
     "background-size":"cover" } 
    ); 
} 

Answer 4

세 가지 답변을 어떻게 준비하셨습니까?

$('body').css({ 
    "background": "url(img/"+imagen+".jpg) no-repeat center center fixed", 
    "-webkit-background-size": "cover", 
    "-moz-background-size": "cover", 
    "-o-background-size": "cover", 
    "background-size": "cover" 
}); 

당신은 확실히 당신 만 수행 할 수 없습니다

.myClass { 
    background: url("img/Background_Home.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

로 :

$('body').addClass('myClass'); 

?

Answer 5

나는 서로 다른 배경 속성을 사용하려고합니다 :

function actualizar_fondo(imagen){ 
      $('body').css({"background-image":"url(img/"+imagen+".jpg)", 
          "background-repeat":"no-repeat", 
          "background-position":"center center", 
          "background-attachment":"fixed", 
          "-webkit-background-size":"cover", 
          "-moz-background-size":"cover", 
          "-o-background-size":"cover", 
          "background-size":"cover"}); 
     } 

은 아마 당신이 당신의 'actualizar_fondo'기능의 두 번째 행의 배경을 overiding 있습니다.