我有一个背景图片,我需要垂直显示,只要页面上的内容,但是,我的背景图像只显示在视图中的页面,当我向下滚动其余内容时,背景不是显示在页面的其余部分。我做错了什么?
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;
}
答案 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%;
。