Информационное окно Google Maps над всем остальным контентом z-index не работает

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

Я применил положение и 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>';

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


person zettberlin    schedule 26.08.2013    source источник
comment
Не могли бы вы дать нам демонстрацию проблемы. Информационные окна по умолчанию будут встроены в панель с плавающей запятой, которая является самой верхней панелью. Перед информационным окном не может быть ничего (кроме других информационных окон/информационных окон). CSS-zIndex здесь не поможет, потому что он будет иметь эффект, связанный только с элементами внутри плавающей панели.   -  person Dr.Molle    schedule 26.08.2013
comment
Приложение еще не опубликовано, извините за это.   -  person zettberlin    schedule 28.08.2013
comment
В любом случае, ваш комментарий прояснил проблему, я подозревал, что CSS-z-index каким-то образом отключен API-интерфейсом карт, теперь я знаю. На самом деле проблема в том, что всплывающие информационные окна находятся за другими маркерами. Есть ли способ разместить маркеры на нижней панели, а информационное окно на плавающей панели?   -  person zettberlin    schedule 28.08.2013
comment
Как я уже сказал, когда вы используете собственные маркеры, вам не нужно ничего делать. Маркеры будут отображаться в панели overlayImage (z-index 3), а информационные поля — в floatPane (z-index 6), поэтому ни один собственный маркер не может находиться перед информационным полем.   -  person Dr.Molle    schedule 29.08.2013


Ответы (1)


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

person brutusmaximus86    schedule 26.08.2013
comment
Я установил позицию для всего этого в файле CSS. - person zettberlin; 26.08.2013
comment
Информационное поле является абсолютным по умолчанию. Это может быть непрозрачность, но я не смог это исправить. - person ied3vil; 16.06.2015