CSS3 boxshadow поверх всех остальных элементов?

Question

У меня есть настройки страницы следующим образом

<div class="Header"> Header content </div>

<div class="Content"> Main Body Content </div>

Теперь в CSS для класса заголовка я добавляю box-shadow: 3px 3px 10px # 000;

Эту коробчатую тень, однако, покрывает содержимое div. Есть ли способ получить тень от этого div поверх всех остальных div, не переходя на путь абсолютного позиционирования?

Answer 1

Вы, вероятно, хотите прикрепить его к более высокому z-индексу.попробуйте это:

.Header {
    position:relative;
    z-index:999;
}