box-shadow属性使菜单覆盖另一个div并且看起来很糟糕

Question

我有一个菜单div，下面是内容div。当我将box-shadow添加到内容div时，它将在菜单div上绘制并且看起来不太好。我想在菜单div后面看到盒子阴影。

有没有办法实现它？

Answer 1

使用z-index，您可以定位元素的“分层”：

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

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