Фиксация фонового изображения: background-attachment

background-attachment

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile IE Mobile Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.1 1.0 10.0 10.0 3.2
Свойство
background-attachment — это свойство позволяет фиксировать фоновое изображение
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
scroll | fixed | local | inherit
Значение по умолчанию
scroll
Правила записи
свойство: значение;
Примеры

<div>

В этом контейнере

изображение будет

оставаться неподвижным,

а прокручиваться будет

только текст

</div>

<div>

В этом контейнере изображение

фиксируется относительно

окна браузера,

отсчет начинается от

левого верхнего угла

окна браузера,

изображение прокручивается

вместе с прокруткой

страницы

</div>

<div>

В этом контейнере

изображение прокручивается

вместе с текстом,

но только если

элемент имеет

полосы прокрутки

</div>

<div>

Это значит

что свойство

унаследует значение

от родителя

</div>

Поделиться