Как сделать что бы фон сайта не прокручивался

Блог Vaden Pro

Практически любой сайт базируется на каком-нибудь фоне, бэкграунде. Дизайн фона обычно задается тегу body после чего мы имеем возможность его наблюдать на любой странице сайта.

Как работать с фоновыми рисунками в CSS

Этот небольшой урок будет о том как сделать у себя на сайте или на одностраничнике красивый фиксированный фон, который будет плавно перетекать из одного изображения в другое при прокрутке страницы пользователем. В CSS есть такое свойство background-attachment: fixed , которое позволяет зафиксировать фоновое изображение. То есть при прокрутке страницы оно не будет прокручиваться со страницей.

Свойство CSS background
Как установить фон в CSS. Cвойство background
Как сделать чтобы задний фон сайта не двигался?
Как размыть фоновую картинку?
Background-attachment: фиксация фона
Как сделать чтобы фон не прокручивался?
Фоновое изображение и неподвижный фиксированный CSS фон
152. Свойство background для работы с фоном
Как зафиксировать фон сайта чтобы он не прокручивался, при прокрутке страницы?
Урок 3: Цвет и фон в CSS
Фиксированный меняющийся фон для сайта
Как сделать фон для сайта
Фон в конструкторе Tilda: как изменить?
2.10. CSS-фон
Как растянуть картинку на весь экран css?

По умолчанию, когда вы скроллите веб-страницу с фоном, фон прокручивается вместе с другими элементами. Иногда это уместно, а иногда хочется, чтобы изображение, заданное через background-image , всегда оставалось на виду. Для управления этим состоянием существует свойство background-attachment. Для лучшего понимания работы свойства взгляните на примеры ниже. Чтобы вы могли их сравнить, ваш браузер должен поддерживать все три значения background-attachment надеемся, что при изучении CSS вы пользуетесь современным десктопным браузером! В других браузерах поддержка либо частичная, либо отсутствует.

Работа с фоном в CSS
Альтернативный текст
Свойство background-color для установки фонового цвета
Значения и примеры использования
Есть что добавить? Зарегистрируйтесь
Breadcrumb
Курсы по программированию на Хекслете
Что такое фоновое изображение WordPress?

Простите за глупый вопрос. Но немогу поставить картинку на задний фон на главную страницу получается так что фоновое изображение повторяется. Нужно чтобы фон был цельный без повторений и не прокручивался.

Полностью адаптивный фон с использованием CSS

Похожие статьи