Html 隐藏在后面的下拉菜单

我已经创建了一个下拉菜单，但我遇到的问题是，当我将鼠标悬停在顶部导航菜单上时，下拉菜单项隐藏在滑块和内容后面。 我在网上查找，试图找出问题所在，但无法解决。 有人能帮我吗？如果可能的话，请解释清楚。 提前感谢,，

---

Helen

这很可能取决于页面上各种元素的css z索引。较高的z索引值会将内容放置在较低的z索引值之上（前提是它们具有定位值）。但是，必须记住，子元素不能获得比其父元素更高的z索引，或者至少可以将z索引指定给任何值，但它们将始终保持在父元素z索引值处的父元素内。页面上的滑块很可能比标题/菜单栏的z索引更高

如果您使用的是HTML列表，例如

，请尝试在列表中添加更高的

z-index

，以使其凌驾于其他所有内容之上

.dropdown li {

z-index:999;
position:relative;

}

---

另外，确保您有位置：相对、位置：绝对或位置：固定，否则z索引将被忽略

我在使用下拉菜单时遇到了类似的问题，它显示在滑块后面。滑块z索引的范围为1-5，因此我将下拉列表的z索引设置得更大，现在显示正确。

请添加一个您尝试过的代码示例。如果您想将我的答案选为最佳答案，那就太好了：）