Google Map fait disparaître une partie de la page dans Safari

Question

J'écris une carte google en utilisant V3 de l'API, dans ma page qui résulte en une partie complètement indépendante de la page disparaissant seulement dans safai.

Si vous regardez cette page http://local.stv.tv/bellshill/ la barre de navigation bleue est très bien, mais quand vous allez à n'importe quelle page avec une carte Google, une partie de la navigation disparaît, par exemple. http://local.stv.tv/bellshill/news/.

Il y a une liste déroulante là-bas et quelques couches qui pourraient perturber Safari, mais ça marche bien partout ailleurs. Cela doit être un problème récent car le site a été testé par le navigateur X avant son lancement.

Answer 1

J'ai réussi à résoudre ce problème.

Le premier élément de navigation <div> comporte un élément <p> comme premier élément ayant conservé un lien masqué masqué. Lorsque j'ai déplacé le <p> en dehors de la <div> tout a bien fonctionné. Pour être honnête, je n'ai aucune idée de la véritable origine de ce problème ou de la raison pour laquelle seul Safari V5 a été utilisé.

Answer 2

a rencontré le même problème avec Safari 5 sur iPhone et & iPad - ma page de contact a carte de localisation en utilisant l'API Google Map

après avoir lu après je posai remplacé la balise H1 avec une étiquette de portée et il a résolu le problème . peut-être parce que le H1 est un élément de niveau bloc et que span est un inline. Comme je voulais conserver l'étiquette h1, ma solution finale consistait à placer l'étiquette H1 à l'intérieur d'une étiquette div et cela semblait fonctionner.

Answer 3

Ajoutez la déclaration z-index à votre parent contenant la carte Google pour exorciser les gremlins de votre machine.

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