2012-03-16 124 views
0

我在這page curently工作,我試圖使背景重複-y從一定的高度,但無濟於事。如果你看鏈接的背景(底部區域);你會發現它在那裏留下了一個醜陋的空間,這很醜陋。 CSS如下所示如何讓背景重複開始?

body { 
    font-family:Calibri; 
    font-size: 16px; 
    margin: 0px; 
    padding: 0px; 
    background-color: #000; 
    background-image: url(images/bg.png); 
    background-repeat: repeat -200px 0px; 
} 
+0

你的問題有點混亂,請你澄清一下你想達到什麼目的,我可以看到身體上的圖像。但是你想達到什麼。請你澄清一下,這樣我就能理解並幫助你。 – w3uiguru 2012-03-16 07:47:49

回答

0

經過一些數學思維和實驗,代碼行下面做的魔術。我還必須觀察-1530px的剪輯位置。確保你使用了與身體標記一樣的背景。

html { 

    background: url(images/bg.png) repeat 0px -1530px; 

} 
1

我沒有辦法知道這會讓重複跳過一些像素。如果我是你,我會將它們分開,這樣身體的背景圖像將成爲現在大部分沒有頂部的東西。然後,我會一個div添加到頂部與這些設置:

<div id="upperpart"></div> 

在CSS:

#upperpart{ 
    background-image: url(whatever it is); 
    width:100%; 
    height:how high it is 
    background-repeat: repeat-x; 
    margin-bottom: minus its height; <-- this will make everything below this div get ontop the div 
}