Html 将背景图像环绕到浏览器窗口的大小

基本上，我有一个小问题的背景，我正在使用。我需要它根据窗口的宽度来调整大小，因为我使用的是一个大屏幕，它显示的很好，但是在1024x768上，它并不完全正常工作。我将在下面发布一些图片，向大家展示我的意思

根据我的决议：

在1024x768屏幕上：

此外，以下是我的背景CSS：

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

我希望这有帮助：）

---

Ross.

可能有更好的方法，但我以前使用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)");
    }
}

函数浏览器大小（）{
var bsr_w=$（窗口）.width（）；
如果（bsr_w在中，您可以使用background size属性。目前还不完全支持，但它很好-可能也会有帮助（想想它的作用，因为我记得几个月前尝试过这个）
有一个非常有用的jQuery插件，可以非常优雅地为您处理这个问题：

这可能有点像用大锤敲打榛子，但它可以满足您的需要。
因为他在标签中提到了css3，我认为这种方法是最简单的。下面是一个示例链接：