將背景圖像換成瀏覽器窗口的大小

基本上我有一個使用背景的小問題。我需要根據窗口的寬度來調整窗口大小，因爲我使用的是大屏幕，並且顯示效果很好，但是在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

將背景圖像換成瀏覽器窗口的大小

回答

相關問題