Question

我使用CSS和UL，LI标签创建了一个菜单。我遇到的问题是，有时当我将光标指向某些具有子菜单的菜单上，并将其移动到指向显示的项目时，新菜单将隐藏，然后我可以将鼠标指针悬停在它们上面。换句话说，子菜单将非常快速地隐藏。我该如何解决这个问题呢？您可以在www.parniaweb.ir

看到此菜单

谢谢。

Answer 1

我认为下面的div风格存在问题。特别是 top：38px; 值。如果将其设置为 top：0px; ，则会解决Chrome中的问题。

#cssmenu ul li > ul, #cssmenu ul li > div {
   display: none;
   width: auto;
   position: absolute;
   top: 0px;
   padding: 0px;
   background: #333333;
   border-radius: 0 0 5px 5px;
   z-index: 999;
   border: 1px solid #333;
}

Answer 2

对你的子菜单元素进行一些小修改可以帮到我。从＆＃34;顶部＆＃34;取一个像素;属性（38 - ＆gt; 37）并在顶部添加黑色边框，将其与其他菜单触发器分开。

#cssmenu ul li > ul, 
#cssmenu ul li > div {
    display: none;
    width: auto;
    position: absolute;
    top: 37px;
    padding: 0px;
    background: #333;
    border-radius: 0 0 5px 5px;
    z-index: 999;
    border: 1px solid #333;
    border-top: 1px solid #000;
}

如何在css下拉菜单中控制显示子菜单？

2 个答案: