Как перекрыть один блок другим?

Question

[Nikidze]

Есть структура:

<div>
    <div class="a">Контент</div>
    <div class="b">Блок, который затемняет его</div>
</div>

Как можно сделать так, чтобы блок с классом b занимал всю область родителя и затемнял А блок.

Answer 1

[Ankhena]

Большому блоку задать position relative.
Блоку b задать absolute и высоту и ширину по 100% либо top, right, bottom и left по 0.

Answer 2

[Qeuvec]

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