我在为我们正在工作的应用程序计算z索引顺序时遇到了问题,我有两个根父级,一个导航栏和一个地图,还有一个子级,即地图工具提示。导航栏应该在地图上方可见,因此它具有更高的z索引,但问题是使地图容器中的工具提示也显示在侧边栏上,这有点难以解释,因此您可以在上可视化这种情况:
<div id="nav-bar">
The nav bar
</div>
<div id="map-container">
This is the map container
<div id="tool
我有一个导航栏,下拉列表是绝对定位的,但是由于某种原因,它们仍然出现在所有其他定位项后面,不管z索引是什么。这使得菜单既难看,也很难在带有定位项的页面上使用。,它显示了我的导航栏和它遇到的问题。有人知道怎么回事吗?
下面是我的css的一个小的spinet,因为我不认为您想要我的问题中完整的150行代码:
header nav ul li ul {
background-color: #00242b;
transition: opacity 400ms ease-in;
opacity: 0;
position: absolute;
height: 0px