CSS3 boxshadow在所有其他元素之上？

Question

我有一个页面设置如下

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

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

现在在头部类的CSS中,我正在设置一个盒子阴影:3px 3px 10px#000;

然而,这个盒子阴影被Content div掩盖了.有没有办法让这个div的阴影在所有其他div之上,而不是绝对的定位路线？

Answer 1

你可能想把它放在更高的z-index上.试试这个:

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