我如何改變javascript中的身體背景圖像大小？

Question

我試圖將我的'身體'背景圖像放入瀏覽器文檔大小。 這裏的代碼不會改變任何瀏覽器，當我運行它...我看到的圖像，但它重複兩次，大小不變。當調試我看到寬度和高度變量是正確的，但沒有實際發生....任何想法？

$(function() { // onload...do 
 
var width = $(document).width(); 
 
var height = $(document).height(); 
 

 
$('body').css.backgroundSize = "" + width + "px " + height + "px"; 
 

 
});

body{ 
 
    background: url(../images/MainMenuScreen.jpg); 
 
}

Answer 1

試試這個：

#yourdiv /* with CSS 3 */ 
{ 
background: url(../images/MainMenuScreen.jpg) no-repeat; 
background-size: 100%; 
} 

Answer 2

可以使用背景尺寸：涉及地產。使用「background-size：cover」屬性會給你以下優點： 1.它用圖像填充整個頁面，沒有空白區域 2.根據需要縮放圖像 3.保留圖像比例（高寬比） 4.圖像集中 頁5.不引起滾動儘可能 6.跨瀏覽器兼容

這裏是CSS（如果你想讓它適用於整個頁面）：

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

希望這有助於幫助