CSS背景图片和框宽（％）

Question

我的布局使用框中的百分比值。例如：

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

有没有办法让背景图片符合盒子的大小？ 谢谢。

Answer 1

您可以将no-repeat添加到背景中以使其提前停止。

您可以添加CSS3属性background-size: auto 100%;以拉伸背景以适应 您还应该使用相同的值添加-moz-background-size和-webkit-background-size。