Размещение блока поверх других, как реализовать?

Question

[freeman0204]

На скриншоте обвел блок screenshot.ru/4b74925063c7b0fe4bd088c2e361acde не пойму как его сделать. Он выпирает на верхний и на нижний блок. Но под ним есть еще один блок как я понимаю с фоном. Как это реализовать?

Answer 1

[Кирилл]

Смотрите z-index

Answer 2

[Дмитрий Пыркин]

header и footer position:absolute, z-index:2
а блок position:relative, z-index:3