在窗口上调整背景大小与jQuery

我想调整我的网站的背景图像，以适应当前窗口使用jQuery的任何宽度和高度。在窗口上调整背景大小与jQuery

目前我做这

$(window).resize(function() 
     { 

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

     });

这导致背景不显示在所有。如果我省略了100％中的一个，它将伸展到宽度而不是高度。我不知道我在这里错过了什么。

100％100％应该调整自己，如果不是？ – Joeri

如果你想使用图像填充背景（并保持比例），你可以很容易地使用CSS3'background-size：cover;' –

background-size：封面是IE 9+ – Joeri

我建议只使用CSS。

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

我用html代替了身体，因为它总是100％100％，这对于背景来说很棒。

2014-03-31 00:54:20

问题是，如果宽高比使窗口高于宽度，背景图片不适合拉伸，因此存在难看的空白 –

等待，不行，你说得对。那很完美。 –

貌似

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

优化到

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

也许你可以欺骗你的CSS到这一点：

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

2014-03-31 00:19:55 Joeri

它似乎不喜欢那样。我不认为它将其优化为100％，因为那样我实际上看到了我的背景图像，而不是它完全消失 –

我的意思是jQuery似乎正在优化它。如果我检查100％100％属性，它会在检查员中更改为（单个）100％。发送“100％99％”时似乎不会发生的事情。 – Joeri

不，它仍然没有显示任何东西...也许我的其他代码中的一些干扰它。你可以在我的网站tomsterk.com上看到原始问题，但它并没有根据背景大小调整背景大小（接近我的javascript底部） –

回答