Нужно применить эти стили с помощью .css () Jquery Function, нужна помощь

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

Как в трех ответах у вас этого еще нет?

$('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 3

Я попытаюсь использовать различные свойства фона:

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'.

Answer 4

Ваша вторая фоновая декларация перевешивает результат первой строки - вам нужно объединить их обе. Я также рекомендовал бы объединить все объявления CSS в одну карту JSON :

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 5

Попробуйте следующее:

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");
}