在所有其他元素頂部的CSS3 boxshadow？

Question

我有一個頁面設置爲在CSS的頭類如下

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

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

現在，我在一個的box-shadow投入：3px的3px的10px的＃000;

然而，這個box-shadow被content div覆蓋了。有沒有辦法讓這個div的影子在所有其他div上面，而不需要絕對定位路線？

Answer 1

您可能想要將其粘貼在更高的z-index上。試試這個：

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