我的网站包含在一个名为wrapper的大DIV中,它在<body>
之后开始并在它之前结束。即。
<body>
<div id="wrapper">
... website ...
</div>
</body>
我有以下代码样式 #wrapper
#wrapper {
width: 960px;
margin: 0 auto;
padding: 0 7px;
background: #c1cca0 url(images/fade.gif) repeat-y scroll 0 300px;
}
然而,背景开始在页面的顶部重复,而不是300像素。我可以不将repeat-y
与background-position
结合使用,还是我还缺少其他内容?
答案 0 :(得分:1)
我不确定,但您可以尝试使用它自己的属性来定义背景位置,例如:
background-position: 0px 300px;
请告诉我,如果这样可以解决问题。
答案 1 :(得分:0)
我不能将repeat-y与background-position结合使用,
是的你是对的..重复y和绝对位置的组合没有意义.. repeat-y覆盖..
我不知道fade.gif究竟是什么(因为它只是代码中的文字)..所以不能尝试替代解决方案..
答案 2 :(得分:0)
我可能在这里错了,但我认为问题的根源在于#wrapper没有自己的高度。尝试给它一个固定的高度来测试它....即#wrapper {height:500px;}