背景位置不会定位自己

时间:2010-01-17 21:07:23

标签: html css

我的网站包含在一个名为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-ybackground-position结合使用,还是我还缺少其他内容?

3 个答案:

答案 0 :(得分:1)

我不确定,但您可以尝试使用它自己的属性来定义背景位置,例如:

background-position: 0px 300px;

请告诉我,如果这样可以解决问题。

答案 1 :(得分:0)

  

我不能将repeat-y与background-position结合使用,

是的你是对的..重复y和绝对位置的组合没有意义.. repeat-y覆盖..
我不知道fade.gif究竟是什么(因为它只是代码中的文字)..所以不能尝试替代解决方案..

答案 2 :(得分:0)

我可能在这里错了,但我认为问题的根源在于#wrapper没有自己的高度。尝试给它一个固定的高度来测试它....即#wrapper {height:500px;}