carte interactive ne fonctionne pas dans IE7

Question

J'essaie de construire une carte interactive en utilisant un imagemap et jquery. Je l'ai terminé et ça fonctionne très bien dans FireFox mais IE7 cause quelques problèmes.

Vous pouvez jeter un coup d'oeil ici: http://www.thecolumbianchicago.com/map/

Dans IE7 le titre du roulement ne reçoit pas la largeur réglée correctement. Aussi, une fois que vous avez déplacé l'icône du grand bâtiment au centre, l'arrière-plan du titre disparaît. Je suppose que c'est un problème de CSS mais je ne peux pas le comprendre.

Vous avez des idées? Merci

Answer 1

Je l'ai compris, c'était le javascript. Je suppose que IE n'aime pas .attr ('largeur') et retournait un zéro. J'ai changé le code pour avoir la largeur mise dans l'image comme rel = "largeur" ​​et utilisé .attr ("rel") et tout est bon maintenant.

Answer 2

Ne jouez pas avec les cartes-images html. Vous pouvez utiliser des cartes interactives vectorielles avec jVectorMap.