CSS 背景图像和框宽度 (%)
我的布局在框中使用百分比值。例如：
h2#news {
background: url('../images/news-background.jpg');
color: #fff;
padding: 8px 20px;
width: 90%;
-moz-border-radius: 20px;
}
没关系，但是当布局增加时，背景图像重复...看这个图像： http://img821.imageshack.us/img821/3503/cssbgandpercent.jpg
有没有办法让背景图像跟随框的大小？ 谢谢。
My layout uses percent values in the boxes. For example:
h2#news {
background: url('../images/news-background.jpg');
color: #fff;
padding: 8px 20px;
width: 90%;
-moz-border-radius: 20px;
}
It's ok, but when layout increases, background images repeat... look at this image: http://img821.imageshack.us/img821/3503/cssbgandpercent.jpg
Is there a way to background image follow the size of the box?
Thank you.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以在背景中添加
no-repeat以使其提前停止。您可以添加 CSS3 属性
background-size: auto 100%;拉伸背景以适合。您还应该添加具有相同值的
-moz-background-size和-webkit-background-size。You can add
no-repeatto the background to make it stop early.You can add the CSS3 property
background-size: auto 100%;to stretch the background to fit.You should also add
-moz-background-sizeand-webkit-background-size, with the same value.