Исходное изображение 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, с тем же значением.