2010-05-16 180 views
2

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

#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> 
+4

缩进你的代码块4个空格。试着更清楚地问你的问题。虽然我不介意花10秒时间来修复格式,但我不会花10分钟时间来了解您的问题。 将示例简化为可以复制问题的最简单可能的实例。欢迎来到SO。 – Erik 2010-05-16 05:08:13

+1

我同意Erik〜我不确定你遇到的问题是什么......你可以嘲笑你想要的截图并显示你正在战斗的截图吗?这可能会更快。 (但大多数情况下,我反映了他对修正格式化的评论,并将范例减少到MINIMUM〜虽然我自己有时并不这么做;-) [哦,同样〜你会发现随着时间的推移,因此,准备好在发布后不久,通常在发布后的20分钟内监控您的问题以作出回应] – jcolebrand 2010-05-16 05:10:49

回答

1

虽然你的问题不明确,我认为正在寻找在你的页面的底部固定图像。如果是这种情况,请使用CSS属性background-attachment: fixed

在重新阅读您的问题之后,我想您可能会试图让您的身高达到页面的100%(同样,不太确定) ?如果是这样的话,你可以设置height: 100%或者您可以将背景图片到<body>标签本身:

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

如果身体标记的100%的高度不起作用,则定位底部DIV。 将底部div位置属性设置为固定,并将底部设置为-1px并将其设置为0px。这将确保背景图像流出浏览器窗口的底部。 我认为这是解决您的问题。

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