Safari v5 скрывает div при загрузке карт Google - PullRequest
Новая
       33

Safari v5 скрывает div при загрузке карт Google

5 голосов
/ 25 марта 2011

У меня проблема с Safari v5 на Mac. Когда мой Google Map Api загружается на страницу, он скрывает некоторые другие мои элементы (которые абсолютно расположены). Страница отображается правильно, пока карта не загружается. Если у меня есть страница без карты, проблема не возникает.

пример: www.morecambe-lodge.co.uk

это также, похоже, мешает загрузке jquery ui. Есть ли лучший способ ленивой загрузки карт Google или решение. Я пробовал готовые документы и методы window.onload, но проблема все еще сохраняется.

Я тестировал в Firefox, т. Е. Chrome и Safari v4, и эта проблема не повторяется, кажется, только в safari v5

Любой совет будет высоко оценен, спасибо.

Ответы [ 6 ]

3 голосов
/ 24 мая 2012

Z-индекс не имеет ничего общего с этой ошибкой.

После того, как я прочитал следующую статью: http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

Я смог исправить свою проблему, выполнив две вещи. Первым было изменение каждой записи в моем CSS, которая имела «text-indent», чтобы иметь значение 9999px или ниже. Я использую текстовый отступ для всех моих кнопок значков, будь то из jQuery UI CSS или из моего CSS. Установка его на 9999 пикселей создала для меня проблемы.

Вторая проблема после исправления отступа в тексте заключалась в расплывчатых шрифтах. Следующее помогло решить эту проблему: 

* {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-transform: none !important;
  }

Оба они упомянуты в статье, но я обнаружил, что отступ текста должен быть меньше, чем было предложено.

1 голос
/ 03 апреля 2012

В сообщении об ошибке, опубликованном в Google (http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190) упомянуто изменение «text-indent: -999999px;» на «text-indent: -99999px;» в элементах. Удаление одного 9 исправило проблему для меня.

Исправления z-index не внесли заметных изменений. Исправления webkit-transform корректно отображали страницу, но оставляли карту непригодной для использования. Не удалось перетащить.

1 голос
/ 04 августа 2011

эта работа для меня: 

* {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-transform: none !important;
  }
0 голосов
/ 05 апреля 2011

Подсказка: похоже, это связано со сложением элементов с -webkit-transform: translateZ (0px);Как только вы отключите / удалите их, фоны появятся снова.

0 голосов
/ 31 марта 2011

да, похоже, та же проблема.Я также разместил вопрос в Google.надеюсь, докопаться до сути.

http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

0 голосов
/ 30 марта 2011

Существует другая тема об этой проблеме: Ошибка Mac Safari 5.0.4 при использовании Google Maps API

...