背景位置不會自己定位

我把我的網站封裝在一個叫做包裝的大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

背景位置不會自己定位

回答

相關問題