背景位置不会自行定位答案

【问题标题】：Background position won't position itself背景位置不会自行定位
【发布时间】：2010-01-18 16:57:24
【问题描述】：

我将我的网站包装在一个名为 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 一起使用，还是我还缺少其他东西？

【问题讨论】：

标签： html css

【解决方案1】：

我不确定，但您能否尝试使用它自己的属性来定义背景位置，例如：

background-position: 0px 300px;

请告诉我，这是否能解决问题。

【讨论】：

我认为是这样，或者您使用的是0 而不是0px。
0 是一个完全有效的值。
感谢您的建议。我试过#wrapper { 宽度：960px;边距：0 自动；填充：0 7px；背景：#c1cca0 url(images/fade.gif) 重复-y 滚动；背景位置：0 700px； } 但仍然没有运气。

【解决方案2】：

我可以不将repeat-y与背景位置结合使用吗，

是的，你是对的 .. 重复 y 和绝对位置的组合没有任何意义 .. 重复 y 覆盖 ..
我不知道 fade.gif 到底是什么（因为它只是你的代码中的文字）..所以不能尝试替代解决方案..

【讨论】：

【解决方案3】：

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

【讨论】：