Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

Как отключить дублирование фоновой картинки?

Раздел: 

Из этой статьи вам станет известно, почему ваш фон с повторами по всему периметру блока и как это устранить.

Отмена зацикливания фона

Каждый начинающий верстальщик встречался с проблемой, когда фоновое изображение зацикливалось и повторялось по всему периметру блока. Если вы наблюдаете эту картину — не стоит паниковать. Все, что надо сделать в свойство 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+