CSS：菜單隱藏在其他父菜單後面

Question

我有一個下拉菜單，其中包含從DB填充的子菜單。但是，當我調整屏幕大小並將鼠標懸停在某個選項上時，菜單列表會落在另一個元素的後面。

我瀏覽過網絡，但無濟於事。

你們能幫忙嗎？

PS：因爲SO要求10個聲望來發布圖片，所以無法發佈圖片。

Answer 1

你有沒有試用z-index proprety？

http://css-tricks.com/almanac/properties/z/z-index/

Answer 2

你必須設置z-index: 9999。這確保子菜單始終處於最佳狀態。

之後在子菜單上設置position:relative;left: <someLeftOfsset>;top:<someTopOffset>。 這將通過在其上應用偏移來定位子菜單相對於其父母的位置。

因此，例如：

.subMenu 
{ 
    z-index: 99999; 
    position: relative; 
    top: 10px; 
    left: 150px; 
}