Image, isométrie, transparance et liens.

**Ekarisor** · 20/01/2010, 18h49

Bonjour,

Voila mon problème, j'utilise un système isométrique pour dessiner une carte, les morceaux sont donc en losanges, chacun alignés pour remplir la carte. cependant les images sont à la base carrés (rectangulaire) mais les angles on beau être en transparence et ne pas gêner la visibilité, ceux-ci bloques les liens, je m'explique les images sont bien positionner mais les angles invisibles lance les lien de leur image, le lien ne passe pas à travers la partie transparente.

comme montré ci dessus mes images se collent, la partie rose montre la transparence, la partie bleu montre la zone qui se superpose mais ne se vois pas.
lorsque je veut cliquer sur la case "2" si je clique sur la partie bleu (invisible toujours)cela lance le lien de la case "1". se qui est asses embêtant.

Si quelqu'un saurais comment faire en sorte que cela ne le fasse plus, j'affiche mes image en leur mettant une position absolu, ainsi elle sont toutes réglées mais rien d'autre comme réglages.

merci.

**Bovino** · 20/01/2010, 19h25

Salut.

En fait, ce n'est pas parce qu'un élément n'est pas visuellement apparent qu'il n'existe pas, donc effectivement, morsque tu cliques dans la partie où il y a superposition, c'est bien l'image du "dessus" (celle avec le plus grans z-index ou celle positionnée en dernier) qui est cliquée.
Pour parer à cela, je ne vois pas trop de solution dans la mesure où un élément HTML est toujours rectangulaire.
Peut-être faire des maps de tes images et affecter à chaque partie transparente le lien de celle du dessous, mais ça risque de devenir rapidement assez complexe à gérer...