如何根据内容创建具有可变高度的全宽背景图像？

Question

我只是试图把一个背景图像上以100％的宽度的网页，以便它缩放使用下列造型body标签后立即具有图像，以适应这工作正常视：

img#background { 
min-width: 800px; 
width: 100%; 
height: auto; 
position: absolute; 
top: 0; 
left: 0; 
z-index: -1; 
} 

这工作正常，唯一的问题是，如果内容的高度低于图像的高度，就像背景图像一样，我希望图像在底部切掉。所以如果页面内容只有400px高，那么背景图片应该只有400px（即使缩放后的全高度应该比这更大）。我不知道如何使用纯CSS（无javascript）来做到这一点，所以如果有人能指出我的方向是正确的，我会非常感激的。

Answer 1

尝试把一个<div>与下面的CSS属性周围：

overflow: hidden; 
left: 0; 
top: 0; 
position: absolute; 
z-index: -9999; 

Answer 2

你可以把它放在你的内容和内容设置为overflow: hidden。