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

Question

我使用 CSS 和 UL,LI 标签制作了一个菜单。我遇到的问题是，有时当我将光标指向某些具有子菜单的菜单并将其移动以指向显示的项目时，新菜单将在我将鼠标指针悬停在它们上之前被隐藏。换句话说，子菜单会很快隐藏。我怎么解决这个问题？您可以在www.parniaweb.ir
看到这个菜单

谢谢你。

Answer 1

我相信这是下面 div 样式的问题。特别是top:38px; 价值。如果将其设置为顶部：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

对您的子菜单元素进行一些小改动对我有用。从“顶部”属性（38 --> 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;
}