Z索引無法正常工作

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/