在客户网站上，我必须仅为页面的包含区域（其真实内容部分）添加背景图像。
问题是，如果内容足够短，那么图像将被剪裁。怎么可能让图像完全可见？我试图添加“溢出”CSS属性，但不幸的是它没有帮助我。
以下是我必须处理的网站示例：http://www.sfp-pensioen.nl/werknemer/welkom背景图片位于div =“content”的div元素上。
在我发送的特定链接上不是问题，因为内容足够长，但如果使用firebug删除元素，则问题将变得明显。
ps：必须支持IE6。
答案 0 :(得分：3)
继格雷厄姆的回答之后：
<6> ie6中的“height”在其他浏览器中的行为类似于“min-height”。min-height: 50px;
_height: 50px;
上面的示例将提供跨浏览器的最小高度为50px。 ie6将读取“_height”，而其他浏览器则不会。如果你没有攻击，请使用条件语句。
富
答案 1 :(得分：3)
您可以将height提供给ID #content
或
将background:url("/images/Doelgroep-Background-Image.jpg") no-repeat scroll left top transparent;应用于#mainContent而不是#content
答案 2 :(得分：1)
overflow s background-image是不可能的，但您可以为min-height设置content（或将图片设置为另一个div z-index {{1}} 1}}并坚定地将它放在你想要的地方 - 但这是一个非常糟糕的解决方案）
答案 3 :(得分：1)
当{em>内容太大而无法适应时，overflow属性会控制div发生的情况 - 如果你有一个固定大小的div，某些内容可能会溢出，你通常会想要auto选项。 overflow对背景图片没有影响。
对于您的情况，听起来您想要在内容div上指定min-height。请注意，IE6等旧版浏览器不支持此功能，您可能会或可能不关心它们。但是，有很多方法可以解决这个问题。
答案 4 :(得分：0)
您想要的是100％的高度，您可以通过以下方式实现此目标。
html {
height: 100%;
}
body {
height: 100%;
}
#content {
height: 100%;
}
你需要最小高度，身体需要一个高度，所以身体的每个子元素都将遵循规则。
另外加入min-height：100％;所有css规则都可以解决任何A级浏览器的所有问题。
答案 5 :(得分：0)
如果您知道#sidebar 或 #main的视觉高度始终与背景图片相同或更大，那么您只需将背景图片添加到：< / p>
.sub #wrapper #mainContent {
background:url("/images/Doelgroep-Background-Image.jpg") no-repeat scroll 0 150px transparent;
}
而不是#content