Разница между позиционированием фона через псевдоэлемент и через его размещение в родительском контейнере заключается в том, как происходит позиционирование фонового элемента:

1. Позиционирование через псевдоэлемент. 1 При установке абсолютной позиции псевдоэлемента CSS извлекает его из естественного порядка расположения элементов и использует предоставленную координату, чтобы поместить в родительский контейнер, чья позиция была установлена как relative. 1 Когда элементу не удаётся найти ни одного родителя, он использует тело документа в качестве относительной точки отсчёта. 1
2. Размещение в родительском контейнере. 4 Абсолютно позиционируемые элементы располагаются непосредственно относительно родителя, который позиционирован относительно или абсолютно. 4 Если относительно или абсолютно позиционированного родителя нет, то абсолютно позиционированный элемент будет располагаться на странице относительно тела документа. 4

Таким образом, при использовании псевдоэлемента позиционирование происходит относительно конкретного родительского элемента, а при размещении в родительском контейнере — относительно всего родительского контейнера в целом. 14