html - 带有纯 html 和 css 的子菜单消失了

标签 html css submenu

我想用纯 html 和 css 制作一个下拉菜单,但是当光标离开父 li 时子菜单消失,从而阻止我点击子菜单。这是测试站点的链接,link text

非常感谢您的帮助。

罗兰 A.

最佳答案

问题是 content div 在菜单上方,鼠标悬停在菜单之外。将 ul 设置为 position:relativez-index:100 它应该可以工作..

更新

实际上只需将 z-index:100; 添加到 #navigation 规则

关于html - 带有纯 html 和 css 的子菜单消失了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2473415/

相关文章:

css - 2个垂直放置的div,什么可以阻止它们 "touching?"

javascript - 如何在图像上获得两个叠加的悬停图标,每个图标都有不同的 Action ?

javascript - 如何通过 NO class NO id 的查询更改 css 样式

html - 为什么当鼠标悬停在 CSS 中时我的第一个子菜单没有出现?

jquery - 如何计算流体宽度导航菜单的正确宽度?

html - 如何在 bootstrap 3 中制作砌体布局网格?

html - 嵌套 <p> 和 <img>,如 '<p><img src=' '></p>'

javascript - 从 js 添加媒体查询

css - 单击时更改 CSS 过渡中的底部和顶部值

Css下拉子菜单不等待鼠标