Как вложить элемент под другой с помощью z-index?

Question

[Warlynn]

Добрый день.
Объясните, пожалуйста, на пальцах, как вложить тёмно-серый квадрат под маленький квадрат при помощи z-index, но не убирая свойство z-index у родителя маленького квадрата и не изменяя саму вёрстку. Возможно ли это?

https://codepen.io/Tipue/pen/pbEio

Comments

[RAX7]

При таких условиях .block-2 можно переложить только .block-1
Потому что: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
p.s. ты бы хоть разными цветами квадраты раскрашивал, а не угадаешь какой из 50 оттенков серого "тёмно-серый"

Answer 1

[Данил Полянский]

При помощь z-index меняйте последовательность слоев у Ваших блоков.

Пример z-index для блока, который будет на заднем плане:
z-index: -1;

Пример z-index для блока, который будет на среднем плане:
z-index: 0;

Пример z-index для блока, который будет на переднем плане:
z-index: 1;

Comments

[Warlynn]

Спасибо за ответ, но в случае примера, который я привел в вопросе это не работает, поэтому и интересуюсь :)

[Данил Полянский]

Warlynn, сейчас решим.