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を同じ値で追加する必要があります。