Google Maps Infobox выше всего другого контента Z-индекс не работает

Question

Я использую инфобокс, чтобы прикрепить div к 20 маркерам на карте. Div содержит якорь, который появляется через classname: hover. Это работает, как и ожидалось, но, увы: мне бы очень хотелось, чтобы окно, которое всплывало по адресу: hover, чтобы превзойти весь остальной контент на странице, чтобы убедиться, что содержимое ящика не стоит ни за чем.

Я применил положение и z-индекс ко всем соответствующим элементам на странице, и во всплывающих окнах есть z-индекс 1000, в то время как все остальные ниже 100. Тем не менее маркерное изображение (z-индекс 80) покрывает поле. Я попытался изменить панели и установил индекс для маркера с помощью setZIndex равным 80, но безрезультатно.

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

Есть ли способ убедиться, что якорный класс шейха всегда отображается поверх всех остальных?

Answer 1

Z-индекс работает только с элементами, которые имеют положение: относительное / абсолютное / фиксированное