css渐变与图像条高度问题

时间:2011-05-09 09:05:29

标签: design-patterns css linear-gradients

我怎样才能使用我的线性渐变图案条,mystrip.jpg(1x1024像素)作为我网页的正文背景?我需要水平重复自己,身高100%。

我试过

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

但每当我的身体内容超出1024px的高度时,我可以清楚地看到我的条纹图案的底部边框。

由于

卢卡

2 个答案:

答案 0 :(得分:1)

只需设置与底色匹配的背景颜色。

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

或者颜色是什么。

或者你可以使用背景大小,但这可能不会让它看起来很好。

我建议尽可能使用CSS渐变。

答案 1 :(得分:1)

您还应该设置背景颜色,以便在图像结束的位置,颜色接管。使背景颜色与图像的底部颜色相同。

示例:

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