Почему я не могу остановить повторение фона: от повторения?

Question

У меня странная проблема.В духе попыток написать DRYer, более короткий код, я хочу удалить 'no-repeat' из моих индивидуальных стилей h3 и сделать это всего одним объявлением.Ниже приведен пример версии кода, который не работает.H3 в #c упрямо не перестанет повторяться, пока я не установлю его, как я сделал для #a и # b.
Я попытался заменить background-repeat: none на: no-repeat, но не повезло.Заранее благодарим за любую помощь!

.class > h3
    {   
        float:left;
        height:21px;
        width:200px;
        margin-bottom:10px;
    }

    #a > h3 {background:url(a.png) no-repeat;}
    #b > h3 {background:url(b.png) no-repeat;}
    #c > h3 {background:url(c.png);}

    /* EDIT: this code does not work (even after applying Thom's answer)    
    h3 {background-repeat:none;}
    */

    h3 {background-repeat:no-repeat;}

Answer 1

background является сокращенным объявлением, которое устанавливает количество значений. Это отменяет вашу декларацию background-repeat. Замените объявление #c > h3 background на background-image.

Answer 2

Почему не повторяется фон: ни один не работает?

Потому что он называется no-repeat:)

Answer 3

OK, background-repeat: none Это недопустимое свойство. У вас есть repeat , no-repeat , repeat-x , repeat-y и наследуют , которые наследуют свойство из родительского элемента, но нет не существует. Возможно, он будет работать с браузерами, такими как Chrome и Firefox, которые пытаются выяснить, что вы имели в виду, но IE очень требователен к этим вещам.