Я использую инфобокс, чтобы прикрепить div примерно к 20 маркерам на карте. В div содержится якорь, который отображается через имя класса: hover. Это работает так, как ожидалось, но увы: я действительно хотел бы иметь коробку, которая появляется на: hover to trump все остальные контента на странице, чтобы быть уверенным, что содержимое поля не за чем-то еще ,google maps infobox превыше всего остальное содержимое z-index не работает
Я применил положение и z-индекс ко всем соответствующим элементам на странице, а всплывающие окна имеют индекс 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>';
Есть ли способ, чтобы убедиться, что класс якорь шейхом всегда отображается поверх всех остальных?
Можете ли вы дать нам демо-версию проблемы. Инфобокс по умолчанию будет встроен в floatpane, который является самой верхней панелью. Не может быть ничего перед инфобоксами (кроме других инфобокс/infowindows). CSS-zIndex здесь не поможет, поскольку он будет иметь эффект, связанный с элементами внутри floatpane. –
Приложение не должно быть опубликовано, извините за это. – zettberlin
Во всяком случае, ваш комментарий очистил проблему еще несколько, я подозревал, что CSS-z-index в какой-то мере отключен API-карт, теперь я знаю. В самом деле, проблема заключается в том, что инфобокс стоит за * другими маркерами, когда они появляются. Есть ли способ разместить маркеры в нижней панели и инфобокс в floatpane? – zettberlin