html – 谷歌地图信息框高于所有其他内容z-index不起作用

发布时间：2020-12-14 23:47:06 所属栏目：资源来源：网络整理

导读：我使用信息框将div附加到地图上的大约20个标记. div包含一个通过classname显示的锚：hover.这可以按预期工作,但是唉：我真的很想拥有弹出的框：hover to trump页面上的所有其他内容,以确保框的内容不在其他任何内容之后. 我已将位置和z-index应用于页面上的

我使用信息框将div附加到地图上的大约20个标记. div包含一个通过classname显示的锚：hover.这可以按预期工作,但是唉：我真的很想拥有弹出的框：hover to trump页面上的所有其他内容,以确保框的内容不在其他任何内容之后.

我已将位置和z-index应用于页面上的所有相关元素,弹出框具有z-index 1000,而其他所有元素都低于100.仍然标记图像(z-index 80)覆盖该框.
我尝试更改窗格并使用setZIndex设置标记的索引为80,但无济于事.

boxText.innerHTML = '<p class="sheikh_flag"> <a   style="z-index:1000" class="sheikh" href="index.php"> Linktext  </a>  Text   </p>';

有没有办法确保,锚类谢赫总是显示在所有其他人的顶上？

解决方法

Z-index仅适用于具有位置的元素：relative / absolute / fixed

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!