重叠浮点数：z-index不起作用

Question

我正在尝试用简单的下拉菜单编写一个水平导航栏（再次使用horz）。主菜单显示正常。为了在不悬停时隐藏子菜单，我做了

ul#submenu {
    visibility: hidden;
    display: inline;
    position: absolute;
    top: 10pt;left: 0;
}

ul#mainmenu li:hover ul#submenu li {
    visibility: visible;
    position: relative;
    float: right;
}

可见性并显示在悬停工作正常。但是，部分子菜单隐藏在右下方的浮动下方。我尝试为此设置z-index: 0，为子菜单设置z-index: 1，但它仍然不起作用。如何将它带到顶端？

Answer 1

检查父div中是否设置了overflow: hidden;或overflow: auto。这可能会阻止它出现。