ImageMapster pas le rendu de certaines zones dans Internet Explorer uniquement
-
13-12-2019 - |
Question
Je suis en utilisant ImageMapster pour générer des surfaces et contours autour de l'image les zones de la carte, il me donne des problèmes avec IE n'affichant pas quelque chose que chrome, safari, Firefox n'ai absolument aucun problème avec.
http://sa-neighborhoodsustainability.org/map1a.php
lors de l'ouverture du lien ci-dessus dans IE, il y a 2 zones qui restent blancs.ce sont des domaines qui se chevauchent une zone plus large, et sont exclus avec une répétition de la région et un nohref tag avec partage le même nom que la grande région.
Quelqu'un a une idées?
Merci
La solution
Il semble que il ya un couple de choses en jeu ici.La première, quand j'ouvre le lien dans IE9 il rend dans les "bizarreries" de mode.Votre HTML n'a pas de DOCTYPE
, HTML
ou BODY
les balises.HTML5 techniquement vous permet d'omettre HTML
, HEAD
et BODY
, mais il fait encore flipper les gens comme moi de voir ça.Cependant, il ne vous permet PAS d'omettre le DOCTYPE
la balise.Il semble que IE9 est par défaut en mode quirks quand il n'y a pas DOCTYPE
donc, vous devriez commencer par en ajoutant que:
<!doctype html>
Cela devrait résoudre le IE9 problème.
Ce problème sera toujours dans IE6-8.Cependant, ceci est dû aux limites de ces navigateurs lors de l'utilisation de zones à l'intérieur des zones.
Il y a une option appelée fillColorMask
qui vous permet de spécifier la couleur de fond à utiliser pour les zones intérieures, pour IE6-8 depuis les masques ne fonctionnent pas vraiment.Je m'excuse parce que je viens de réalisé que ce n'est pas vraiment documenté.Dans votre cas, vous devez définir
fillColorMask: '8CAD5A'
pour la zone de gauche, et
fillColorMask: '99BA67'
pour la zone de droite (ces couleurs correspondent à la couleur qu'ils sont remplis avec déjà, donc il devrait avoir rien à apparaître à arriver).