Свойство CSS background-attachment

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да 3.2+ Да

Краткая информация

Значение по умолчанию scroll
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.backgroundAttachment = 'fixed';
в данном случае элементу с id='idElement' будет добавлен стиль
background-attachment:fixed;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-attachment:fixed;">...</div>
Реализация в jQuery
$('#idElement').css('background-attachment','fixed);
в данном случае элементу с id='idElement' будет добавлен стиль
background-attachment:fixed;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-attachment:fixed;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Определяет будет ли прокручиваться фон элемента вместе с содержимым или фон будет зафиксирован.

Свойство background-attachment работает только если в качестве фона у элемента установлено изображение заданное свойством background или background-image.

Синтаксис

CSS1 - CSS2.1 background-attachment: scroll | fixed | initial;

CSS3 background-attachment:scroll | fixed | local [,scroll | fixed | local]*;

Например:

... CSS1 - CSS2.1 background-attachment: fixed; или CSS3 background-attachment: fixed, scroll; ...

Значения

scroll

Фон при прокрутке элемента остается на месте.

fixed

Фоновое изображение элемента неподвижо. Фон фиксирован относительно окна просмотра. Даже если элемент имеет механизм прокрутки, фон не перемещается вместе с содержимым элемента при прокрутке.

initial

Наследует значение родителя.

local Фон фиксирован относительно содержимого элемента. Если элемент имеет механизм прокрутки, фон прокручивается с содержимым элемента, а область фона выходящая за границы элемента остается на месте.

Пример

background-attachment: scroll;
background-attachment: fixed;
background-attachment: local;
background-attachment: local, scroll;
background-attachment: scroll, local;

Результат

В этом блоке показан пример использования background-attachment CSS который определяет будет ли прокручиваться фон элемента вместе с содержимым или фон будет зафиксирован.