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

Question

我使用信息框将一个 div 附加到 map 上的大约 20 个标记。 div 包含一个通过 classname:hover 显示的 anchor 。这按预期工作，但遗憾的是:我真的很想在 :hover 处弹出框以胜过页面上的 所有其他 内容，以确保框的内容是 < em>不落后于其他任何东西。

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

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

有没有办法确保 anchor 类 sheikh 始终显示在所有其他类之上？

Answer 1

Z-index 仅适用于具有以下位置的元素:相对/绝对/固定