Modifier style d'un autre objet lors de l'event d'un objet tiers

Bonjour,

J'ai un bouton au trois quart derriere un logo dont le bas encadre le bouton(le centre bas du logo étant donc transparent pour permettre a l'utilisateur de voir totalement le bouton).

Ma question étant: comment redirigé le passage de la souris sur la moitié supérieure du bouton(la souris passe alors en réalité sur la partie transparente du logo) vers le dit bouton ?

J'utilise des classes css pour faire varié l'opacité, la couleur, etc, du bouton lors du passage de la souris, mais le logo étant dans le chemin si l'utilisateur passe sa souris sur la partie supérieure du bouton, je me demandais comment arranger cela.

Ma première idée était d'utiliser le javascript et de changer le style du bouton manuellement lors du passage de la souris sur le logo, mais le code css faisant appel a d'autres classes, ca donne rapidement un casse-tête pas possible et une ré-utilisation du code très agacante..

Vous auriez pas une autre solution?

Merci

ajout:


--*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-**-*-

Où alors pour faire plus simple, comment avoir deux images superposées, disons A et B.
A est sous B, B est donc visible aux yeux de l'utilisateur et pas A.
lors que je passe ma souris sur B, je veux que A change, c'est possible??

merci
Modifié par zyrc (02 Jul 2012 - 00:04)

bonjour,

oui. en javascript : onmouseover / onmouseout.