box-shadow屬性使菜單覆蓋另一個div，看起來不好

Question

我有一個菜單div，下面是content div。當我添加box-shadow到內容div時，它會在菜單div上繪製，看起來不太好。我希望看到box-shadow被繪製在菜單div後面。

是否有辦法實現它？

Answer 1

使用z-index你可以定位你的元素的「分層」：

.menu 
{ 
    z-index:1; 
    position: relative; 
} 

.content 
{ 
    z-index:0; 
    position: relative; 
}