将背景图像换成浏览器窗口的大小

基本上我有一个使用背景的小问题。我需要根据窗口的宽度来调整窗口大小，因为我使用的是大屏幕，并且显示效果很好，但是在1024x768上，它并不正确。我会在下面张贴一些图片，向大家展示我的意思。将背景图像换成浏览器窗口的大小

而且，这里是我的背景的CSS：

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

我希望这有助于:)。

Ross。

来源

2011-07-28 RossDoughty

有可能是一个更好的办法，但我已经使用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)"); 
    } 
}

来源

2011-07-28 11:02:18 neokio

在你可以使用背景大小的属性。还没有完整的支持，但它的好 - csspie也可能有所帮助（认为它的确，我记得尝试这几个月回来）

来源

2011-07-28 11:08:39

既然他在他的标签中提到了css3，我认为这种方法是最简单的。以下是一个示例链接：http://css-tricks.com/3458-perfect-full-page-background-image/ – Semyazas

有一个非常有用的jQuery插件，可以很好地处理这个问题： http://srobbin.com/blog/jquery-plugins/jquery-backstretch/

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

来源

2011-07-28 11:24:33 Les

将背景图像换成浏览器窗口的大小

回答

相关问题