Фон с помощью position: absolute?

Question

[Александр]

Товарищи, здравствуйте! Пожалуйста, помогите. Мучаюсь и е могу найти ответа и не пойму почему не работает:(



В общем суть: Есть родительский блок с position: relative и есть дочерний span (красный квадрат) с position absolute, как можно сделать чтобы красный квадрат был за родительским блоком, сейчас он выше его. Баловался с z-index - не помогает:( Прошу помощи, заранее спасибо!

Comments

[zooks]

Не используйте position: absolute при верстке - это удел чайников. В 99% случаев он не нужен.

[Александр]

zooks: а что здесь тогда использовать?

[zooks]

Александр: задавать фон у body, для выравнивания элементов использовать flex

Answer 1

[Александр]

Решил проблему: создал доп блок, 'закутал' весь контент в него и дал z-index. Сработало

Answer 2

[Владислав]

У блока с формой должен стоять z-index больше, чем у красного квадрата

Comments

[Александр]

Спасибо за ответ. Но он не рабочий:)

[Владислав]

Александр: если ты ставишь z-index и ничего не работает, значит у тебя нету position: relative у этого блока.

[Александр]

Владислав: У родительской секции он есть.

s020.radikal.ru/i700/1608/31/49e127d9629b.png

Родительский блок выделяется. А тот красный блок - это left-bg. До своего решения дива с order-good-wrap не было