CSS：将背景图像拉伸到屏幕的 100% 宽度和高度？

我有一个名为 myImage.jpg 的图像。这是我的CSS：

body {
    background-image:url("../images/myImage.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

由于某种原因，当我这样做时， myImage 的宽度会拉伸到整个屏幕，但高度只会拉伸到页面上其他所有内容的高度。所以如果我放一堆

<br>

在我的html页面中，那么高度会增加。如果我的 HTML 页面仅包含

<div id='header'>
    <br>
</div>

那么背景图像的高度就只是一个的高度

<br>

如何使背景图像的高度达到用户用来查看网页的屏幕的 100%？

您需要设置高度html to 100%

body {
    background-image:url("../images/myImage.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
html {
    height: 100%
}

http://jsfiddle.net/8XUjP/ http://jsfiddle.net/8XUjP/