CSS背景圖像和框的寬度（％）

我的佈局使用框中的百分比值。例如：CSS背景圖像和框的寬度（％）

h2#news { 
    background: url('../images/news-background.jpg'); 
    color: #fff; 
    padding: 8px 20px; 
    width: 90%; 
    -moz-border-radius: 20px; 
}

這沒關係，但當佈局增加，背景圖片REPEAT ...看看這個圖片：http://img821.imageshack.us/img821/3503/cssbgandpercent.jpg

有沒有辦法背景圖像追隨框的大小？謝謝。

來源

2011-02-01 thom

如你想讓它伸展和像素化？ – Hawxby 2011-02-01 15:48:12

您可以將no-repeat添加到背景以使其儘早停止。

您可以添加CSS3屬性background-size: auto 100%;來拉伸背景以適合。
您還應該添加-moz-background-size和-webkit-background-size，具有相同的值。

來源

2011-02-01 15:48:03 SLaks

+1，但值得注意的是`background-size`在IE中不起作用，所以如果你需要支持IE，你需要找到一個替代解決方案。 – Spudley 2011-02-01 15:55:22

CSS背景圖像和框的寬度（％）

回答

相關問題