隐藏在后面的下拉菜单

Question

我创建了一个下拉菜单，但我遇到的问题是当我将鼠标悬停在顶部导航菜单上时，下拉菜单项隐藏在滑块和内容后面。 我在线查看并试图找出问题，但无法修复。 有人能帮我吗？请尽可能解释清楚。 提前致谢， 海伦

Answer 1

这很可能取决于页面上各种元素的css z-index。较高的z-index值会将东西置于较低的z-index值之上（假设它们具有定位值）。但是，您必须记住，子元素不能获得比其父元素更高的z-index，或者至少可以将z-index分配给任何值，但它们将始终保留在父元素z的父元素中 - 指数值。很可能页面上的滑块比标题/菜单栏具有更高的z-index。

Answer 2

如果您使用的是HTML列表，例如<ul>尝试在列表中添加更高的z-index，以便将其覆盖其他所有内容。

.dropdown li {

z-index:999;
position:relative;

}

Answer 3

另外，请确保您有位置：relative，position：absolute或position：fixed或z-index将被忽略。

Answer 4

使用我的下拉菜单时出现了类似的问题，它出现在滑块后面。滑块z-index的范围是1-5，所以我使下拉的z-index更大，现在显示正确。