Почему в задании спрайты (фоны часть 1 15/16) не срабатывает
.icon-add {
background: -407px -96px;
}
а надо указывать конкретно
.icon-add {
background-position: -407px -96px;
}
?
Отлично срабатывает...
Свойство background составное, т.е. состоит из нескольких свойств:
background-attachment
background-color
background-image
background-position
background-repeat
Значения этим свойствам присваиваются через пробел.
http://htmlbook.ru/css/background
background: url("/assets/course13/bootstrap-sprites.png") no-repeat;
устанавливает все значения по умолчанию (т.е. сбрасывает), после чего свойству background-image присваивается значение с адресом картинки,
а свойству background-repeat значение “картинку не размножать”.
background: -407px -96px;
устанавливает все значения по умолчанию (т.е. сбрасывает), после чего свойству background-position присваиваются координаты картинки,
а поскольку картинки по умолчанию нет, – двигает влево и вверх пустоту…
background-position: -407px -96px;
перезаписывает только своё значение, и сдвигает background-image на нужную величину.
Спасибо за разъяснение. Думал по умолчанию свойства не сбрасываются, а используются ранее заданные значения.