背景位置不会自己定位

我把我的网站封装在一个叫做包装的大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一起使用，还是有其他遗失的东西？

来源

2010-01-17 Jon

请使用http://doctype.com/ – hobodave 2010-01-17 21:12:31

你试过其他值超过300像素？也许它看起来像是从元素的顶部开始的。但是，如果你的图像高约300像素，它可能会被重复一次。 – Gumbo 2010-01-17 21:24:07

我不知道，但你可以尝试定义背景位置使用它自己的特性，如：

background-position: 0px 300px;

请告知，如果这将修复它。

来源

2010-01-17 21:13:38 Pindatjuh

我认为这是事实，或者你正在使用'0'而不是'0px'。 – 2010-01-17 21:14:32

0是一个完全有效的值。 – 2010-01-17 21:16:12

感谢您的建议。我试过＃wrapper { \t width：960px; \t margin：0 auto; \t padding：0 7px; \t background：＃c1cca0 url（images/fade.gif）repeat -y scroll; \t background-position：0 700px; } 但仍然没有运气。 – Jon 2010-01-18 00:02:37

我不能使用重复-Y与背景位置的同时，

是你的权利..没有意义的重复y和绝对位置的组合.. repeat- Ÿ覆盖..
我不知道是什么fade.gif究竟是（因为它仅仅是字面上的在你的代码）..所以不能试穿的替代解决方案..

来源

2010-01-18 06:43:08

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

来源

2010-01-18 08:57:24 Tom

背景位置不会自己定位

回答

相关问题