Как поднять дочерний блок над родительским без transform?

Question

[Михаил Юматов]

Как поднять дочерний блок над родительским без transform?
1 - родительский, 2 - дочерний

Comments

[Rustam Bainazarov]

Отрицательным margin'ом или position: relative + top с отрицательным значением, если без transform.

В чем проблема использовать transform?

[Михаил Юматов]

Рустам Байназаров, transform обнуляет z-index

[Виталий Хван]

margin, position: absolute или изменить немного структуру и сделать оба родителями, и менять местами с помощью display: flex; order: позиция в единицах

[Rustam Bainazarov]

Михаил Юматов, написал ответ.

Answer 1

[Rustam Bainazarov]

Без transform и absolute, z-index тоже работает (img имеет z-index 10, белый блок -- 20):



Вообще без заданных z-index'ов, если порядок структуры позволяет:

Answer 2

[IbraimVeli]

смотря что ты имеешь в виду под поднять? слой или располжение?
position:absolute для дочернего и relative для родительского не подойдет? А потом уже position поменяшь для дочернего.

Ну а если отображать поверх, тогда z-index.