需要使用的CSS（）jQuery函数来应用这些样式，帮助需要

这是我需要需要使用的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"}); 



     }

结果：甚至没有背景图像（但只有第一行，作品）

我猜...问题在第二行？

来源

2011-03-09 Toni Michel Caubet

第二行是第一行的结果overiding。两者都可以结合使用。

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

来源

2011-03-10 00:03:37

corse！这是它，我喜欢这个网站！谢谢！ – 2011-03-10 00:11:16

尝试以下操作：

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

来源

2011-03-10 00:03:56 gparis

你的第二个背景声明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" } 
    ); 
}

来源

2011-03-10 00:09:48 Dexter

如何在三个答案你有没有这个？

$('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');

？

来源

2011-03-10 00:10:28 thirtydot

我会尝试使用不同的背景属性：

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

可能是你overiding背景一个在你的“actualizar_fondo”功能的第二行。

来源

2011-03-10 00:13:13 vmolero

需要使用的CSS（）jQuery函数来应用这些样式，帮助需要

回答

相关问题