需要使用.css（）Jquery函数应用这些样式，需要帮助

这是我需要的风格

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", "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 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-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’函数的第二行中覆盖了背景。