Разница между абсолютным и относительным позиционированием фоновых изображений заключается в том, как задаётся положение элемента. 34

Абсолютное позиционирование (position: absolute) предполагает, что элемент «отделяется» от потока документа и перестаёт в нём существовать. 3 Его местоположение и координаты задаются относительно краёв окна браузера, в так называемой «видимой области». 3 При таком типе позиционирования изначальное местоположение слоя становится доступным для замещения другими соседними элементами. 3

Относительное позиционирование (position: relative) устанавливает положение элемента относительно его места по умолчанию. 3 Использование свойств left, top, right, bottom позволяет изменять позицию элемента и сдвигать его в ту или иную сторону от изначального местоположения. 3 При таком типе позиционирования место, занимаемое элементом до его перемещения, остаётся пустым и не может быть занятым другими элементами. 3

Таким образом, при абсолютном позиционировании элемент размещается относительно краёв браузера, а при относительном — относительно текущей позиции элемента в потоке документа.