css - 背景图像未完全拉伸(stretch)

前几天我刚刚推出了一个网站，并认为它没有奇怪的 CSS 错误，但显然不是。我在这里尝试做的是拉伸(stretch)图像以适应页面的高度和宽度。

问题:
我有以下标记:

<img src="images/night_sky7.jpg" class="stretch" />

并应用了以下 CSS:

img.stretch {
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
}

这在我的 17.1' 笔记本电脑上运行良好，分辨率为 1440x900，但我注意到它在其他屏幕分辨率上无法正常工作。发生的情况是背景不会延伸到底部，而是延伸到底部甚至页面中间。

现在，我尝试更改了很多 CSS，但我无法让它完全拉伸(stretch)。

任何帮助表示赞赏。

如果您愿意，您可以测试的网址是: http://bit.ly/eOEzXJ 。

如有必要，我可以执行以下任何操作:

将 Photoshop 中的图像更改为任意尺寸

添加任何JS或CSS，但高度:100%；解决方案不起作用，至少，不像我看到的那样

最佳答案

查克在这里走在正确的轨道上，但您可能需要添加

html {
    height: 100%;
}

以及。

关于css - 背景图像未完全拉伸(stretch)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4379084/