我正尝试用CSS实现一个多级的下拉导航菜单,但有一个小部分我似乎无法正常工作。
应该发生的情况是:
1)当鼠标悬停在菜单项上时,应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时,父菜单项应突出显示。
Point2可以很好地工作,直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类,则不会发生高亮显示。
可以在此处查看演示:
演示显示,当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时,Sub Menu 3高亮显示。但是,将鼠标悬停在菜单2>子菜单3>子菜单X上
我的子菜单突然消失了,当我将鼠标悬停在菜单项上时,它不再显示。我检查了我的可湿性粉剂仪表板上的菜单部分,它在那里,并分配到显示。子菜单仍然显示在移动设备上,但在全功能浏览器上,子菜单项停止显示。我停用了所有的插件,以检查是否存在冲突,但该事件似乎与插件无关。这更像是我遇到的CSS问题。
这是我的网站: my CSS:
当用户将鼠标从菜单上移开时,我希望恢复到最初活动的选项卡。
我有一个左上级菜单,它使用data-options="is_hover:true“更改悬停时的活动选项卡。
当鼠标悬停在任何选项卡上时,它会显示第二级菜单,而不是主要内容(显示在选项卡中,默认情况下在页面加载时显示)。
我希望在鼠标离开第一级或第二级菜单区域时显示默认内容选项卡。
或者,我可以让其他元素检测鼠标悬停,并使用JS命令初始标记处于活动状态。然而,我找不到任何关于JS应该说什么的文档,例如:
$( ".detect" ).hover(function() {
$( SET TAB1 TO AC
我遇到了一个有趣的jquery问题。基本上,当我将鼠标悬停在另一个父菜单上以显示子菜单时,我需要一个粘性的子菜单来隐藏,然后当我没有悬停在具有子菜单的另一个父菜单上时,它会重新出现。这一切都很好,问题是当我将鼠标悬停在粘性子菜单中的孩子li上时,子菜单会翻转,在显示和不显示之间闪烁。看来我的jquery被孩子li继承了?不管怎样,下面是代码:
CSS
.current-menu-parent ul{
display:block;
position:absolute;
}
#primary-nav ul li:hover ul {
display:inline;
position