Interactivité avec objets map et area

Bonjour à toutes et tous.

Je n'arrive pas à interagir avec mes objets map et area avec le css du genre :

Code:

---

1 2 3 4

#id_area:hover { background-color:red; }

---

Est-ce possible?

Merci d'avance.

Bonjour,
sans le contexte difficile de t'aider, fournis nous le code utile.

Si #id_area est une zone, je vois pas trop à quoi tu t'attends en modifiant la couleur de fond puisqu'elle sera toujours masquée par la zone réactive... :koi:

Désolé je ne suis pas expert. Voici un peu plus de code :

Code:

---

1 2 3 4 5

<img alt="marguerite2.jpg" usemap="#marguerite2" src="marguerite2.jpg"> <map id="marguerite2" name="marguerite2"> <area alt="" href="" shape="poly" coords="17,148,62,47,98,64,52,165"> <area alt="" href="" shape="poly" coords="54,170,130,105,153,135,76,199"> </map>

---

En fait je voudrait modifier le background-color dans mon css dans la proprièté hover afin de modifier la couleur de fond au passage de la souris sur la zone.

J'avais mis un id à chaque area du style :

Code:

---

<area id="area1" alt="" href="" shape="poly" coords="17,148,62,47,98,64,52,165">

---

et mon css

Code:

---

1 2 3 4

#area1:hover { background:white; }

---

Mais sans résultat.

Merci d'avance.

Ben oui, mais à part te dire qu'un background n'a pas de sens sur une balise <area> (comme sur une balise <img> par exemple), je ne vois pas ce qu'il y a à ajouter...
D'ailleurs, pour info, les propriétés de style telles que background ne sont pas définies pour ce type d'élément.

Ok autant pour moi.

En fait je voulais créer des menus avec un mapping image où quand on survole ça change de fond mais c'est vrai je viens de piger le concept et en effet ça n'a aucun sens. Au départ j'avais mis des id avec des rotations et des décalage mais sur IE, ça ne fonctionne pas avec toutes les versions.

Tu as dû oublier d'aller regarder du coté des contributions, Spaffy a proposé un script qui ressemble étrangement à ce que tu veux faire : Image map et changement de couleur de l'area au survol :)

Merci beaucoup je pense qu'avec un peu d'adaptation ça va le faire :ccool: