Как лучше всего верстать эти псевдоэлементы?

Question

[DmitriySwan]

Я думал повесить псевдоэлементами на фон секции, но картинки как бы три. Как лучше поступить?

Answer 1

[Odisseya]

Можно использовать множественный фон background-image: url(img.png), url(img.png);— изображения нужно перечислять в порядке наложения, выше будет то изображение, которое находится раньше в списке. И позиционируем каждое в отдельности через background-position.

Comments

[Иван Фронтендов]

Только в данном случае придется тогда делать background для body ибо эти изображения выступают за пределы секции. А фоновое изображение может быть только внутри элемента.

[Odisseya]

webodel, обычно, для секции делают абсолютно позиционированными псевдоэлементами.

[Иван Фронтендов]

Odisseya, Так автор вопроса так изначально и планировал - я к тому, что background в данном случае не прокатит

[Odisseya]

Ничто не мешает абсолютно спозиционированные псевдоэлементы вынести за "пределы секции". Поэтому ваше утверждение не корректно.

Answer 2

[Mikhail Rerberg]

Это можно сделать обычными img,но абсолютно спозиционированными