Question

我只是想把bgbottom放到我身体的下半部分。底部图像会发生什么，直到页脚结束并且没有超出身体的底部。

#bgtop {
    background-image:url(images/bgtop.png);
    background-repeat: repeat-x;
}

#bgbottom { background:url(images/bgbottom.png) repeat-x bottom;}

HTML

<body>
<div id="bgtop"></div>
<div id="bgbottom"></div>

Answer 1

虽然您的问题不明确，但我认为您希望在页面底部修复图片。如果是这种情况，请使用CSS属性background-attachment: fixed

在重新阅读你的问题之后，我想你可能会试图让你的身高达到100％的页面（再次，不是很确定）？如果是这种情况，您可以设置height: 100%，也可以将背景图片应用于<body>标签：

body { background: #[color] url([image]) repeat-x left bottom; }

Answer 2

如果body标签的100％高度不起作用，则定位底部div。将底部div位置属性设置为fixed并将bottom设置为-1px并保持为0px。这将确保背景图像流出浏览器窗口的底部。我认为这是解决问题的方法。

#bgbottom { background:url(images/bgbottom.png) repeat-x; position:fixed; bottom:-1px; left:0px;}

Div背景图像

2 个答案: