调整窗口背景大小使用jQuery调整大小

Question

我试图调整网站的背景图片大小以适应当前窗口使用jQuery的任何宽度和高度。

目前我在做这个

$(window).resize(function()
        {

            $("body").css({"background-size" : "100% 100%"});

        });

这导致背景根本不显示。如果我省略100％中的一个，它会延伸到宽度而不是高度。我不确定我在这里失踪了什么。

Answer 1

看起来像

    $("body").css({"background-size" : "100% 100%"});

优化为

    $("body").css({"background-size" : "100%"});

也许你可以欺骗你的CSS：

    $("body").attr( "style" , "background-size: 100% 100%" );

Answer 2

我建议只使用css。

html{
  background: url(images/bg.jpg) no-repeat center center fixed;
  background-size: cover;
}

我使用的是html而不是body，因为它总是100％100％，这对背景很有用。