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

结果:甚至没有背景图像(但只有第一行,有效)

我想……问题在第二行?

    第二行是覆盖第一行的结果。 两者都可以合并。

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

    三个答案你怎么没有这个?

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

    请尝试以下方法:

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

    你的第二个背景声明覆盖了第一行的结果 – 你需要将它们两者结合起来。 我还建议将所有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" } ); } 

    我将尝试使用不同的背景属性:

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

      以上就是jQuery教程分享需要使用.css()Jquery函数应用这些样式,需要帮助相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/548268.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐