背景重复 - 但不低于页面

我有一个背景图像，我需要垂直显示，只要页面上的内容，但是，我的背景图像只显示在视图中的页面，当我向下滚动其余的内容背景不会显示在页面的其余部分。我究竟做错了什么？背景重复 - 但不低于页面

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; 
}

来源

2012-02-17 Darren Sweeney

如果您可以发布示例链接，这将有所帮助。 – 2012-02-17 00:40:39

@StephenSarcsamKamenar我不能害怕，在开发服务器 – 2012-02-17 00:42:30

尝试调整高度属性，100％是相对于什么？通常我更喜欢用最小高度定义高度规则。

来源

2012-02-17 00:46:04

尝试将背景图片和背景重复规则体，而不是#wrapper指定。

来源

2012-02-17 00:38:25 michaeljdennis

他只希望它的页面的“内容”。 – 2012-02-17 00:39:30

@StephenSarcsamKamenar正确，我在正文中有另一张图片 – 2012-02-17 00:41:49

噢好的。井高：100％不会产生你可能想到的结果。它通常不会扩展该元素。而不是身高：100％尝试最小高度：100％。 – michaeljdennis 2012-02-17 01:04:15

我的猜测是包装div没有扩展到内容的底部。尝试包装的边框设置为：

border: 1px solid black;

您可能会发现背景表现蛮好的，在div不是做你想要什么。

来源

2012-02-17 00:44:56 Jared

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

来源

2012-02-17 00:45:44 jacktrick

从css中删除height: 100%;。

来源

2012-02-17 01:02:59 Foksh

背景重复 - 但不低于页面

回答

相关问题