gpt4 book ai didi

javascript - 导航子菜单悬停问题

转载 作者:太空宇宙 更新时间:2023-11-03 22:15:25 25 4
gpt4 key购买 nike

我有一个导航菜单,悬停时显示它的子导航。问题是当我将鼠标悬停在子导航上时,子导航消失了。

如果我删除子导航的 z-index 它会修复悬停问题,但现在子导航位于主导航上方。

如何解决此问题,使子导航低于主导航并能够悬停。

Codepen示例

最佳答案

使用 css hover 的 super 基本示例

重点是

  • 子导航包含在导航中
  • subnav 是 display: none 直到 nav 有 :hover (位置和动画,而不是如果你想匹配你当前的实现)

https://jsfiddle.net/7mb0szLk/1/

关于javascript - 导航子菜单悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57102303/

25 4 0