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

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

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

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

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

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