Question

基本上我对我正在使用的背景有一点问题。我需要它根据窗口的宽度调整大小，因为我使用大屏幕并且显示正常，但是在1024x768上，它并不完全正常。我会在下面张贴一些图片，告诉你我的意思。

此外，这是我背景的CSS：

html, body {
width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/../images/background10.jpg) fixed no-repeat;
    }

我希望这会有所帮助:)。

罗斯。

Answer 1

可能有一种更好的方法，但我之前使用过jquery来根据浏览器宽度更改（onLoad）背景src，这就像...

function browserSize() {
    var bsr_w = $(window).width();
    if (bsr_w <= 800) {
        $('body').css("background-image", "url(background_small.jpg)");
    } else if (bsr_w <= 1024) {
        $('body').css("background-image", "url(background_medium.jpg)");
    } else {
        $('body').css("background-image", "url(background_large.jpg)");
    }
}

Answer 2

您可以使用background-size属性。尚未完全支持，但它很好 - csspie也可能对此有所帮助（想想它的确如此，我记得几个月后再尝试这个）

Answer 3

有一个非常有用的jQuery插件可以为您提供相当优雅的处理：http://srobbin.com/blog/jquery-plugins/jquery-backstretch/

这可能有点像使用大锤来破解榛子，但它可能会做你需要的。

将背景图像包装到浏览器窗口的大小

3 个答案: