css - 当鼠标悬停在第二个元素上时,简单的 CSS 下拉菜单消失

标签 css drop-down-menu

我发现了很多类似的问题,但我找不到一个与我的类似的解决问题。

这是一个链接,您可以查看完整版。 http://pcdswa.org.au/

当您将鼠标悬停在第一项的一半高度时,子菜单会消失。根本达不到第二。

原来的下拉菜单 CSS 是从这里复制的 http://cssdeck.com/labs/another-simple-css3-dropdown-menu

除了菜单现在是图像而不是文本之外,基本上我没有改变任何东西。

非常感谢您的提前帮助。

最佳答案

太好了,感谢您的链接。您现在需要做的就是将 z-index 添加到 .menu-items ul li ul 中,如下所示:

 z-index: 9999;

您可以在此处找到有关 z-index 的更多信息:http://www.w3schools.com/cssref/pr_pos_z-index.asp

关于css - 当鼠标悬停在第二个元素上时,简单的 CSS 下拉菜单消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28605769/

相关文章:

javascript - ReactJS:如何让<div/> float 不影响下一个<div/>?

css - 使 div 内容水平滚动而不是垂直滚动

css - 在 CSS 中对齐表单元素

selenium - 在测试自动化中使用 Select 元素而不是实际执行 'element.click()' 错误做法吗?

c# - 子控件可以使用其父控件的数据源吗?

javascript - 如何正确地为酒吧滑动制作动画?

css - 移动端图片覆盖表单

c# - DropDownList 多了一个值

javascript - 更改类与选择字段选项的属性匹配的文本值范围

html - 导航栏在 992 处折叠,没有下拉菜单