html - z-index 无法正常工作

Question

所以我正在制作一个网站，并且我有一个带有一些框阴影的顶部栏。然后我在正下方有一个描述框。所以我设置了 z-indexes 以确保顶部的条形框阴影会覆盖带有以下 css 的描述框:

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

jsfiddle

如果更改 margin-top，您会发现阴影仍然隐藏在描述下方!

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

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

Answer 1

为两个元素添加position: relative。 z-index 只影响定位元素。

更新的 JSFiddle:http://jsfiddle.net/BAW23/3/