Css 更改嵌套div的z索引

我在网页上有一个固定的标题div和一个固定的边栏div。阴影延伸超过菜单的高度。当菜单阴影与链接重叠时，它们只能部分悬浮。我还没有找到一种方法来改变链接的z索引。有人能帮我吗

例如：

---

如果你把这个

z-index:6；位置：相对位置

在

#top

上，它会越过阴影，但也会丢失阴影

---

我建议将链接向下移动-无论如何，在链接上加一个阴影不是很好的可用性。

解决方法之一是在顶部周围添加另一个div，顶部环绕

<div id="side">
    <div id="top-wrap">
        <div id="top">
            <a href='#'>Dictionary</a>
            <a href='#'>Comments</a>
        </div>
    </div>
</div>

#top-wrap
{
    height:50px;
    width:100%;
    background-color:green;
    margin-top:75px;
    font-size:20px;
    z-index:4;
}

#top
{
    position:relative;
    z-index:6;
}