English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство background-attachment в CSS определяет, следует ли фоновое изображение скролиться вместе с документом или оставаться фиксированным в области просмотра.
Таблица summarizes the usage context and version history of this attribute
| Значение по умолчанию: | scroll |
|---|---|
| Для: | Все элементы |
| Инherit: | Нет |
| Анимируемо: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object object.style.backgroundAttachment="fixed" |
Грамматика этого свойства такая:
background-attachment: scroll | fixed | initial | inherit
Ниже приведен пример использования свойства background-attachment.
body { background-image: url("images/recycle.jpg");background-attachment: fixed;}Проверьте‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| scroll | Значение по умолчанию. Изображение фона относительно самого элемента фиксировано и скроллируется вместе с содержимым элемента в viewport. |
| fixed | Изображение фона относительно viewport фиксировано и не двигается вместе с элементом. |
| local | Изображение фона относительно содержимого элемента остается фиксированным: если у элемента есть механизмы скроллинга, то фоновое изображение скроллируется вместе с содержимым элемента. |
| initial | Установите этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует вычисленное значение свойства background-attachment родительского элемента. |
Совместимость браузеров для свойства background-attachment, все основные браузеры поддерживают это свойство.
|
Узнайте больше в следующих руководствах:CSS фоновое изображение,CSS3 фоновое изображение.
Связанные свойства:background,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size.