尽管z指数设定，Div仍然在其他div下

Question

实时链接

＃

当您将产品数量悬停在购物车中时，它们的列表会在导航栏下方显示。 当您将鼠标悬停在菜单项下拉菜单下滑块

时

我提供了#cartinfo的{​​{1}} z-index并将其设为10000。 为!important做了同样的事情 此外，还提供了ul.submenu

的#sliderz（滑块容器）z-index

没有用。

Answer 1

您应该阅读What No One Told You About Z-Index。

问题在于堆叠上下文：由于子菜单属于.navigation，其中z-index: 1，.mainsilder，z-index: 1，也有z-index: 10000，所有导航内容都重叠，甚至那些有.navigation { z-index: 2; } 。

的人

要修复它，您可以使用

.mainsilder

请注意，这会将所有导航内容放在{{1}}（和其他）上方，而不仅仅是子菜单。

Answer 2

我似乎记得曾遇到类似的问题。经过大量的调试我发现了一个错字。错误的结束标记</div>导致了问题。