Question

我有一个下拉菜单，其中包含从数据库中填充的子菜单。但是，当我调整屏幕大小并将鼠标悬停在某个选项上时，菜单列表会落后于另一个元素。

我浏览了网但无济于事。

你能帮忙吗？

PS：无法发布图片，因为SO要求发布10张图片。

Answer 1

您是否尝试过使用z-index属性？

Answer 2

您必须设置z-index: 9999。这可确保子菜单始终位于顶部。

之后在子菜单上设置position:relative;left: <someLeftOfsset>;top:<someTopOffset>。这将通过在子菜单上应用偏移来相对于其父菜单定位子菜单。

例如：

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