jsfiddle

Question

所以我正在创建一个网站，我有一个带有一些框阴影的顶部栏。然后我直接在下面有一个描述框。所以我设置z索引以确保顶部条形框阴影将通过以下css覆盖描述框：

#topbar{
    z-index:9999 !important;
}
#description{
    margin-top:0px;
    z-index:-1 !important;
}

你会注意到如果你改变margin-top，你可以看到阴影仍隐藏在描述的下方！

为什么会发生这种情况？我该如何解决？

注意：两个元素都不能有固定或绝对定位

Answer 1

将position: relative添加到这两个元素。 z-index仅影响定位元素。