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

标签 html css drop-down-menu

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

谢谢。

最佳答案

我认为这是下面的 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;
}

关于html - 如何控制在 css 下拉菜单中显示子菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17329406/

相关文章:

css - 下拉菜单和页面转换之间的可见性冲突

javascript - scrollWidth/scrollHeight 给出无效尺寸

html - 将剩余宽度除以两个 div 并在相对推送时隐藏一个 div

javascript - 尝试使用可调整大小的拖动器创建一个 div

javascript - 我们可以为网站多级类别的列表框值执行imacros javascript吗

c# - 如何在下拉列表中添加占位符 C#

html - 重新设计没有表格标签的网格布局

javascript - 使用 javascript 检测浏览器版本以实现 google swiffy 兼容性

javascript - 使用 JavaScript 设置表单元素的值

Jquery MagicLine - header 粘滞时出现问题