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

前端之家收集整理的这篇文章主要介绍了html – 谷歌地图信息框高于所有其他内容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

猜你在找的HTML相关文章