背景图像没有完全伸展

Question

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

问题： 我有以下标记：

<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，但我无法完全伸展它。

感谢任何帮助。

您可以测试的网址是：http://bit.ly/eOEzXJ。

如有必要，我可以做以下任何事情：

• 将Photoshop中的图像更改为任何尺寸
• 添加任何JS或CSS，但高度：100％;解决方案不起作用，至少，不是我能看到的

Answer 1

尝试这样做：

body {
   height: 100%;
}

img.stretch {
   // your stuff
   height: 100%
}

我注意到你还有一个包装CSS类。你还需要添加这个：

#wrapper {
   height: 100%;
}

Answer 2

Chuck在这里的正确轨道，但您可能需要添加

html {
    height: 100%;
}

。

Answer 3

您可能只想将html中img标记的高度和宽度设置为100％

<img src="images/night_sky7.jpg" class="stretch" width="100%" height="100%"/>