Javascript WordPress下拉导航的Z索引问题
我正在工作。如果您将鼠标悬停在它在导航中的帮助上,下拉列表将正常工作,但第二项将被切断,无法正常显示。我尝试过玩Z-Index,但运气不好。您是否尝试过在父类.menu主菜单容器中添加Z-IndexJavascript WordPress下拉导航的Z索引问题,javascript,php,jquery,css,wordpress,Javascript,Php,Jquery,Css,Wordpress,我正在工作。如果您将鼠标悬停在它在导航中的帮助上,下拉列表将正常工作,但第二项将被切断,无法正常显示。我尝试过玩Z-Index,但运气不好。您是否尝试过在父类.menu主菜单容器中添加Z-Index *我想您也可以将其添加到标题中,但这会使其更有条理。如果您检查第一个菜单项,您可以看到,在其他菜单项上,下面没有ul元素。看起来是内容的浮动将其拉出流,导致之前的元素落后于它-但是.menu主菜单容器上的float阻止它向上流动-但是这个容器的父容器,不是浮动的,所以技术上它仍然在content下。
*我想您也可以将其添加到标题中,但这会使其更有条理。如果您检查第一个菜单项,您可以看到,在其他菜单项上,下面没有ul元素。看起来是内容的浮动将其拉出流,导致之前的元素落后于它-但是.menu主菜单容器上的float阻止它向上流动-但是这个容器的父容器,不是浮动的,所以技术上它仍然在content下。这修复了这个问题。但是由于某些原因,每次你加载页面时,下拉菜单都会自动显示,直到你将鼠标悬停在上面为止。嗯,奇怪!让我想想。。可见度是棘手的。这看起来可能是另一个问题?您可以添加显示:无;到.sub菜单,然后添加.menu项a:hover~.sub菜单{display:block;},这似乎已经修复了可见性,但我无法单击任何菜单项
.menu-main-menu-container {
position: relative;
z-index: 2;
}