Discussion :

[cedrick21]

Bonjour à tous,

pour la mise en place d'un compteur type "compteur de voiture" j'ai une image de fond et une image d'aiguille

Afin de mettre l'aiguille avec le bon angle j'utilise jQuery.

Mon image d'aiguille (qui fait 136px de long pour 13px de haut) pivote bien.

Plus bas, sous cette aiguille j'ai un lien sur une image.
Lorsque mon aiguille est à 0 (horizontale) pas de soucis j'arrive à cliquer sur mon lien.
Or lors que j'ai un angle différent l'aiguille est mise dans un canvas de taille 136px par 136px.
Du coup la transparence du canvas se retrouve par dessus mon lien que je ne peux donc plus cliquer.

J'ai pourtant mis un z-index énorme sur le lien mais rien n'y fait.

Pour info suivant les navigateurs ça ne sera pas un canvas qui sera généré par le jQuery.

Si vous avez une idée pour que mon lien soit par dessus l'élément "aiguille" je suis preneur.

Merci d'avance

Edit : j'ai rajouté un imprim' écran de mon compteur. Le cadre bleu correspond au contour de l'aiguille généré par le jQuery. On voit qu'il est par dessus le lien "voir le détail". (Pour info l'angle de l'aiguille est fictif, ne vous fiez pas aux chiffres )