javascript - 导航子菜单悬停问题
问题描述
我有一个导航菜单，它在悬停时显示它的子导航。问题是当我将鼠标悬停在子导航上时，子导航消失了。
如果我删除子z-index导航，它会解决悬停问题，但现在子导航在主导航上方。
我该如何解决这个问题，使子导航低于主导航并且能够悬停。
代码笔示例
解决方案
使用 css hover 的超级基本示例
关键点是
- subnav 包含在 nav 中
- subnav 是
display: none直到 nav 有:hover（如果你想匹配你当前的实现，则改为位置和动画）
推荐阅读
- scala - IntelliJ Scala“包”不在“新建”菜单中
- java - 片段中缺少 TextView 数据（文本）
- php - Woocommerce：添加第二个电子邮件地址不起作用，除非收件人是管理员
- prolog - 获取所有已知的 prolog 事实（使用特殊格式）
- javascript - 使用 Airtable API 列出记录
- php - 从表单选择中检索输入 - Laravel
- android - 使用 android 可访问性从 imageview 获取图像
- angular - 如何以角度进行服务器端 API 调用以绕过 CORS 错误
- android - 使用片段的谷歌地图
- azure-data-factory - 监控未显示所有管道运行