html - 如何拉伸(stretch)背景图像以覆盖整个 HTML 元素？

Question

我正在尝试获取 HTML 元素(body、div 等)的背景图像以拉伸(stretch)其整个宽度和高度。

运气不好。除了作为背景图片之外，是否有可能或者我必须以其他方式来做？

我当前的 CSS 是:

body {
    background-position: left top;
    background-image: url(_images/home.jpg);
    background-repeat: no-repeat;
}

提前致谢。

编辑:我不热衷于维护 Gabriel 建议中的 CSS，所以我改为更改页面布局。但这似乎是最佳答案，所以我将其标记为最佳答案。

Answer 1

<style>
    { margin: 0; padding: 0; }

    html { 
        background: url('images/yourimage.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
</style>