Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 即使设置了定位,z索引也不起作用_Html_Css - Fatal编程技术网

Html 即使设置了定位,z索引也不起作用

Html 即使设置了定位,z索引也不起作用,html,css,Html,Css,正如标题所说,我需要将鼠标悬停在地图图标()上时显示的div层始终位于其他元素的前面。正如您所看到的,当您将窗口的大小调整得更小时,菜单a标记将覆盖地图弹出窗口以及屏幕底部的文本 即使我将定位设置为a标记上的相对位置,也会发生这种情况。您可以应用z-index:99999到.hotspot容器。这将使它也出现在菜单顶部。尝试执行以下操作: .hotspot-container{ z-index:9999; position:relative; } 这个问题似乎离题了,因为它缺乏足够的信息来诊断

正如标题所说,我需要将鼠标悬停在地图图标()上时显示的div层始终位于其他元素的前面。正如您所看到的,当您将窗口的大小调整得更小时,菜单a标记将覆盖地图弹出窗口以及屏幕底部的文本


即使我将定位设置为a标记上的相对位置,也会发生这种情况。

您可以应用
z-index:99999到.hotspot容器。这将使它也出现在菜单顶部。

尝试执行以下操作:

.hotspot-container{
z-index:9999;
position:relative;
}

这个问题似乎离题了,因为它缺乏足够的信息来诊断问题。请更详细地描述您的问题,或者在问题本身中加入一个最小的示例。在Firefox上,您的弹出窗口对我来说总是位于顶部。我很确定它在Firefox中也能正常工作。是的。适用于Firefox,不适用于Google Chrome。按照chrome中OP所说的方式发生。太棒了,这解决了它。