所有其他元素之上的CSS3框阴影？

Question

我的页面设置如下

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

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

现在在标题类的CSS中，我输入了一个 box-shadow：3px 3px 10px＃000;

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

Answer 1

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

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