Из этой статьи вам станет известно, почему ваш фон с повторами по всему периметру блока и как это устранить.
Каждый начинающий верстальщик встречался с проблемой, когда фоновое изображение зацикливалось и повторялось по всему периметру блока. Если вы наблюдаете эту картину — не стоит паниковать. Все, что надо сделать в свойство background добавить команду no-repeat, что запретит повторение.
Такая ситуация может возникнуть, если не указана вышеупомянутая команда, так как браузер по умолчанию определяет повторение для картинки.
Если все еще не понятно, предлагаю рассмотреть практический пример. Берем вот этот код
CSS
body { background: url(fon.png) no-repeat; }
Вставляем к себе и смотрим, что получилось (учти, адрес изображения ты должен вставить свой)
В каких браузерах работает?
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
