封面div外的背景图片,位于页面底部

时间:2011-04-25 04:57:22

标签: html css

我需要在页面底部放置一个水平背景图像。我的工作很好,授予div“包装器”充满了很多内容,用户滚动条出现。

问题出现在一些内容很少的页面上,而包装div很短,我需要将图像保留在底部。

以下是练习http://www.rmcl-usa.com/

中的错误页面

树形图像只需要位于底部。当包装器div扩展通过用户解析时,这也不是问题。

提前谢谢。

2 个答案:

答案 0 :(得分:0)

在页脚div上设置以下CSS:

position: absolute;
bottom: 0;
right: 0;
left: 0;

确保在其他div之前声明它,使其在z-index中最低。

答案 1 :(得分:0)

在身体关闭前将底部图像div移动到右下方并执行:

<div id="bottomimage" style="position:absolute;bottom:0;right:0;left:0;z-index:-10;position:fixed;">

只做:

position: absolute;bottom: 0;right: 0;left: 0;

在firefox中没有为我做这件事。