css渐变与图像条高度问题
如何使用我的线性渐变图案条 mystrip.jpg (1x1024 px) 作为网页的主体背景？我需要水平重复它本身并使其高度为身体高度的 100%。
我尝试过
body{background:url(mystrip.jpg) repeat-x;}
，但每当我的正文内容超过 1024px 高度时，我就可以清楚地看到条形图案的底部边框。
谢谢卢卡
How could I use my linear-gradient pattern strip,mystrip.jpg (1x1024 px), to be the body background of my web page? I need to repeat itself horizontally and have its height 100% of the body height.
I tried with
body{background:url(mystrip.jpg) repeat-x;}
but whenever my body content is exceding 1024px height,I can see clearly the bottom border of my strip pattern.
Thanks
Luca
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
只需设置与底部颜色相匹配的背景颜色即可。
或者无论是什么颜色。
或者，您可以使用背景大小，但这可能不会使它看起来很好。
我建议尽可能使用 CSS 渐变。
Just set a background colour that matches the bottom color.
Or whatever the colour is.
Alternatively you can use background-size, but that likely won't make it look good.
I'd recommend using CSS gradients where possible as well.
您还应该设置背景颜色，以便图像结束的地方由颜色接管。使背景颜色与图像的底部颜色相同。
例子：
You should set a background color also, so that where the image ends, the color takes over. Make the background color the same as the bottom color of your image.
Example: