Question

所以我有以下代码，其中大部分都是默认代码，底部的Added位是这样的，所以选定父页面的子菜单是可见的。

问题是，当我将鼠标悬停在新的主菜单li（即新的父页面）上时，两个子菜单相互重叠。

有人可以描述允许我隐藏li.current-menu-item＆gt;的CSS ul当发生不同的.nav li：hover时会发生什么？

.nav {
border: 0;
ul { margin-top:0;}
li {float: left;}

ul.sub-menu, ul.children {
position: absolute;
visibility: hidden;

li {
float:left;

    a {
    margin-left: 10px;
    border-right: 0;
    display: inline-block;
    }

    ul {
    top:0;
    left:100%;
    }
}

/* showing sub-menus */
&:hover > ul {
top: auto;
visibility:visible;
}   

} /* end .menu ul li */

/* Added so menu is visible*/
li.current-menu-item > ul,
li.current_page_item > ul,
li.current_page_ancestor > ul {
visibility:visible;     
}

} /* end .nav */

非常感谢！

选择另一个菜单时隐藏子菜单

0 个答案: