Как поставить на задний фон картинку в css

Свойство background-attachment

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

Синтаксис

Значения

Значение	Описание
fixed	Картинка фона будет неподвижной, а текст будет скользить по ней.
scroll	Картинка фона будет прокручиваться вместе с текстом.
local	Фон фиксируется с учетом поведения элемента. Если элемент имеет прокрутку, то фон будет прокручиваться вместе с содержимым, но фон выходящий за рамки элемента остается на месте.

Значение по умолчанию: scroll .

Пример . Значение scroll

Сейчас свойство background-attachment установлено в значение scroll . Прокрутите элемент по вертикали — вы увидите, как текст прокручивается вместе с фоном:

какой-то длинный текст.

body < background-attachment: scroll; background-image: url("bg.png"); >#elem < width: 400px; margin: 0 auto; text-align: justify; font-weight: bold; font-size: 20px; >

Пример . Значение fixed

А теперь свойство background-attachment установлено в значение fixed . Прокрутите элемент по вертикали — вы увидите, как текст скользит по фону:

Читать:

Как сравнить два массива