Как работает свойство background-attachment при скроллинге страницы?

Свойство background-attachment в CSS устанавливает поведение фонового изображения во время прокрутки страницы. 5

Есть несколько значений свойства и их влияние на прокрутку:

• scroll (значение по умолчанию) — задний фон прокручивается вместе с элементом. 45 Если прокручивается содержимое элемента, фон не движется. 3
• fixed — фон фиксируется относительно уровня просмотра. 5 Изображение не прокручивается при прокрутке страницы или содержимого элемента, всегда остаётся в одном положении на экране. 3
• local — фон позиционируется относительно содержимого элемента. 5 При прокрутке страницы фон перемещается только если прокручивается сам элемент (не работает для элементов с положением fixed). 3 Если прокручивается содержимое элемента, фон прокручивается вместе с ним. 3

Таким образом, с помощью свойства background-attachment можно задать, как будет прокручиваться фоновая картинка элемента: вместе с текстом или текст будет скользить по картинке. 1