Как вставить изображение выше по значению других блоков?

Question

[andreyWayne]

Пытался сделать через background-image, обернув два блока в родительский элемент
При z-index блоки сзади пропадают
Что делать?
Делал по структуре:
article // тут image
block
block
/article

Comments

[Евгений Вольф]

При z-index блоки сзади пропадают

Куда пропадают?

Что делать?

Показывать пример. Лично меня больше всего интересует куда и как "блоки сздади" пропадают :)

[andreyWayne]

Евгений Вольф, На картинке показан пример

[Евгений Вольф]

andreyWayne, на картинке к сожалению, не видно ни кода, ни z-index'ов... Оптимально было бы посмотреть пример на codepen например. При этом, Вам совершенно не обязательно выкладывать туда всё, достаточно создать 2-3 блока (или сколько нужно для примера?), раскрасить их в разные цвета (для наглядности) и прислать ссылку :)

[andreyWayne]

Просто подскажите, что нужно делать, чтобы вставить изображение по середине между блоков(показанно на картинке) :)

[andreyWayne]

Евгений Вольф, Код здесь мне вообще не нужен, мне нужно просто понять суть как это реализовать

Answer 1

[Егор Живагин]

Картинка с девушкой - отдельная png?

Кладёшь её в блок с формой, через position: absolute сдвигаешь влево

Comments

[andreyWayne]

Наконец то нормальный ответ!
Спасибо большое!!!

[snap44]

andreyWayne, ответы все нормальные, просто у кого-то скилл гадания по скрину развит больше, у кого-то меньше.

Answer 2

[ned4ded]

Тебе может подойти:

.article {
position: relative
}

.article:after {
position: absolute;
background-image: url(...) center no-repeat;
}

https://jsfiddle.net/ned4ded/1ordzcww/

Comments

[andreyWayne]

Спасибо большое!!!