Html 即使设置了定位,z索引也不起作用
正如标题所说,我需要将鼠标悬停在地图图标()上时显示的div层始终位于其他元素的前面。正如您所看到的,当您将窗口的大小调整得更小时,菜单a标记将覆盖地图弹出窗口以及屏幕底部的文本Html 即使设置了定位,z索引也不起作用,html,css,Html,Css,正如标题所说,我需要将鼠标悬停在地图图标()上时显示的div层始终位于其他元素的前面。正如您所看到的,当您将窗口的大小调整得更小时,菜单a标记将覆盖地图弹出窗口以及屏幕底部的文本 即使我将定位设置为a标记上的相对位置,也会发生这种情况。您可以应用z-index:99999到.hotspot容器。这将使它也出现在菜单顶部。尝试执行以下操作: .hotspot-container{ z-index:9999; position:relative; } 这个问题似乎离题了,因为它缺乏足够的信息来诊断
即使我将定位设置为a标记上的相对位置,也会发生这种情况。您可以应用
z-index:99999代码>到.hotspot容器。这将使它也出现在菜单顶部。尝试执行以下操作:
.hotspot-container{
z-index:9999;
position:relative;
}
这个问题似乎离题了,因为它缺乏足够的信息来诊断问题。请更详细地描述您的问题,或者在问题本身中加入一个最小的示例。在Firefox上,您的弹出窗口对我来说总是位于顶部。我很确定它在Firefox中也能正常工作。是的。适用于Firefox,不适用于Google Chrome。按照chrome中OP所说的方式发生。太棒了,这解决了它。