html - 隐藏在后面的下拉菜单

Question

我创建了一个下拉菜单，但我遇到的问题是，当我将鼠标悬停在顶部导航菜单上时，下拉菜单项隐藏在滑块和内容后面。我在网上查看并试图找出问题，但无法解决。有谁能帮帮我吗？如果可能的话，请解释得很好。在此先感谢，海伦

Answer 1

I had a similar problem when working with my drop down menu and it showing up behind the slider. The slider z-index ranged from 1-5 so I made the z-index of the drop down much larger and it now displayed correctly.

Answer 2

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

Answer 3

如果您使用的是 HTML 列表，例如<ul>尝试在列表中添加一个更高z-index的列表，以将其置于其他所有内容之上。

.dropdown li {

z-index:999;
position:relative;

}

Answer 4

另外，请确保您有 position:relative、position:absolute 或 position:fixed，否则 z-index 将被忽略。