Css 背景图像未完全拉伸

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

问题： 我有以下标记：

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

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

现在，我试着改变了很多CSS，但我不能让它完全伸展

感谢您的帮助

如果需要，可以测试的url为：

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

• 将Photoshop中的图像更改为任意尺寸
• 添加任何JS或CSS，但高度：100%；解决方案不起作用，至少我看不出来

尝试这样做：

body {
   height: 100%;
}

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

我注意到您还有一个包装器CSS类。您还需要添加以下内容：

#wrapper {
   height: 100%;
}

---

Chuck在这里是正确的，但你可能需要补充

html {
    height: 100%;
}

---

还有。

您可能只需要将html中img标记的高度和宽度设置为100%

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

您可能需要改写此内容。好像你在尝试拉伸元素的背景，这是CSS无法完成的。你不应该拉伸图像。如果你想重复，你应该始终使用背景重复，@gov，谢谢你的评论！但是，如果你看一下链接，你会发现我不是在重复一个图像，而是在拉伸一个图像以适应页面。。图像应该足够大，可以这样做作为解释，图像的高度正在缩放以保持原始纵横比。对于长文档来说，这通常不够高。你可能会考虑将图像淡入到底部的平面颜色。谢谢你的答案：-这似乎并没有解决这个问题，不幸的是…

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