css - z-index 下拉菜单落后于页面文本

Question

我遇到了一个问题，我的 CSS 下拉菜单仍然显示在所有页面文本的后面。我z-index: 9999;在我的 UL 项目上使用 ，但仍然没有。我在下面添加了一个屏幕截图，你可以在这里查看我的现场演示。

我已经尝试将 z-index 属性添加到大多数容器中，但仍然没有运气。这个小问题要了我的命！我一定会很感激我能得到解决这个问题的任何帮助:)谢谢！

Answer 1

你z-index是对的，它出现在内容上，你只是忘了background-color在你的菜单中添加一个。

Answer 2

是的，绝对是背景颜色，因为悬停时它会覆盖后面的内容。

我也在我的检查员身上尝试过，将颜色设置为白色并正常工作。