Как реализовать этот блок на z-index ?

Question

[Extra0]

Вопрос в следующем.
Есть такой блок clip2net.com/s/j9oW1g
Нужно что бы получилось так clip2net.com/s/j9p2nQ
Как сделать?

Comments

[Hovhannes Sargsyan]

может есть live версия ?

Answer 1

[Murat Atila]

А можно ссылку на ваш проект? попробуйте сделать так

.div {
position: absolute;
width: 100%;
margin: 0 auto;
top: XXpx;
z-index:999;
}

самый простой, но не самый лучший способ

Answer 2

[Alexander Sydorenko]

для 2 блока z-index:0; (минимальный)
для 1 блока z-index:1; (больше)
для 3 блока z-index:2; (еще чуть больше, при условии что выше наклонной линии у бекграунда прозрачность)
для 4 блока z-index:3; (максимальный, при условии что блок 4-е только рамка, и бекграунд у него прозрачный)

z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative.