css漸變與圖像條高度問題

Question

我怎樣才能使用我的線性漸變圖案條mystrip.jpg（1x1024像素）作爲我的網頁的正文背景？我需要水平重複，身高達到身高的100％。

我試着用

body{background:url(mystrip.jpg) repeat-x;} 

但每當我的身體內容exceding 1,024像素的高度，我可以清楚地看到我的條狀圖案的底部邊框。

感謝

盧卡

Answer 1

只需設置底部顏色相匹配的背景顏色。

body{background: #f00 url(mystrip.jpg) repeat-x;} 

或者任何顏色。

或者，您可以使用背景大小，但這可能不會使它看起來不錯。

我建議儘可能使用CSS漸變。

Answer 2

你也應該設置一個背景顏色，以便圖像結束時顏色接管。使背景顏色與圖像的底部顏色相同。

例子：

body{ background: #ccc url(mystrip.jpg) repeat-x; }