background repeat-y但不在页面下方

时间:2012-02-17 00:35:34

标签: html css

我有一个背景图片,我需要垂直显示,只要页面上的内容,但是,我的背景图像只显示在视图中的页面,当我向下滚动其余内容时,背景不是显示在页面的其余部分。我做错了什么?

css表示背景图片

#wrapper {
text-align: left;
margin: 0px auto;
border:0;
width: 960px;
height: 100%;
background-image: url('/images_/backgrounds/content_shadow.png');
background-repeat: repeat-y;
}

5 个答案:

答案 0 :(得分:1)

尝试将背景图像和背景重复规则应用于body而不是#wrapper。

答案 1 :(得分:0)

我的猜测是包装器div也没有延伸到内容的底部。尝试将包装器的边框设置为:

border: 1px solid black;

您可能会发现背景表现得很好,并且div没有按照您的意愿行事。

答案 2 :(得分:0)

将背景图像样式应用于html {}。

答案 3 :(得分:0)

尝试调整高度属性,100%是相对于什么的? 通常我更喜欢用min-height定义高度规则。

答案 4 :(得分:0)

从css中删除height: 100%;