Google Map приводит к исчезновению несвязанной части страницы в Safari

Question

Я записываю карту Google, используя V3 API, на мою страницу, в результате чего совершенно не связанная часть страницы исчезает только в safai.

Если вы посмотрите на эту страницу http://local.stv.tv/bellshill/, синяя панель навигации в порядке, но когда вы переходите на любую страницу с картой Google на ней, часть навигации исчезает, например. http://local.stv.tv/bellshill/news/.

Там есть выпадающий список, и происходит некоторое наслоение, которое, я думаю, может сбить с толку Safari, но он отлично работает в любом другом месте. Это должно быть недавней проблемой, так как сайт был полностью протестирован браузером X перед запуском.

Answer 1

Обнаружена та же проблема с Safari 5 на iPhone и & iPad - на моей странице контактов есть карта местоположений с использованием Google Map API

. После прочтения поста я заменил замененный тег H1 на тег span, и он исправилпроблема.возможно, потому что H1 является элементом уровня блока, а span является встроенным.

, поскольку я хотел сохранить тег h1, мое окончательное решение было поместить тег H1 в тег div, и это, похоже, сработало.

Answer 2

Мне удалось решить эту проблему.

Основной элемент nav <div> имеет элемент <p> в качестве первого элемента, который содержит скрытую ссылку пропуска. Когда я переместил <p> за пределы <div>, все работало нормально.

Честно говоря, я понятия не имею, каков истинный корень этой проблемы или почему это был только Safari V5.

Answer 3

Добавьте декларацию z-index к вашему родителю, содержащую карту Google, чтобы изгнать гремлинов с вашего компьютера.

.js-on #google-map {
  z-index:1;
}