所以我正在製作一個網站，並且我有一個帶有一些盒子陰影的頂部酒吧。然後我在下面有一個描述框。所以我設置的z索引，以確保上線棒的box-shadow會超過描述框下面的CSS：如果你改變了margin-topz-index不能正常工作

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

jsfiddle

，你會發現，你可以看到陰影仍然隱藏在描述下面！

爲什麼會發生這種情況，我該如何解決？

注：既不元件可以具有固定的或絕對定位

2013-09-29 Ryan Saxe

的'important'用法幾乎都是不必要的。在這種情況下，你不需要它，只需在元素中添加'position：relative'即可。 –

添加position: relative到兩個元件。 z-index隻影響定位元素。

2013-09-29 18:06:37

z-index不能正常工作