В этой статье мы расскажем как избавиться от повторяющегося фонового изображения у слоя.
У новичков порой возникает проблема следующего рода, что при добавлении к большому слою маленькой картинки приводит к тому, что картинка начинает дублироваться.
Это происходит потому, что по-умолчанию для фоновых изображений задается свойство, которое заставляет повторятся изображение по горизонтали и вертикали.
Чтобы выключить дублирование фонового изображения используйте свойство background-repeat со значением no-repeat. Если вы хотите оставить повторение только по горизонтали или вертикали, тогда используйте свойство repeat-x или repeat-y соответственно.
Рассмотрим пример разных вариантов повторения фонового изображения:
Результат вы можете посмотреть на демо-странице:
Добавить комментарий
Авторизоваться с помощью: