probleme onmouseover div Résolu/Fermé

Question

Bonjour, 
j'ai dans mon code, un div contenant du texte, des images et un span masqué et j'aimerais faire que lorsque la souris passe sur la div,cela affiche ce span et lorsqu'elle en sort, cela le face disparaitre. J'ai donc utilisé onmouseover et out sur la div mais ils s'activent pour chaque element de la div (si je bouge ma souris en restant dans la div, le span va apparaitre, disparaitre, apparaitre... plusieurs fois). 

Comment puis je faire pour que les onmouseout et over prennent la div entiere?

merci d'avance

Configuration: Windows Vista / Firefox 3.6.3

creadiff · Answer

Pas besoin de JavaScript pour ça: le CSS est largement suffisant. 

 
div span    {display:none;} 
div:hover span   {display:inline;} 


Le problème que tu décris est dû au fait qu'un événement 'onmouseover' est généré chaque fois que la souris passe d'un élément à un autre  à l'intérieur du div en question, d'où l'apparition/disparition intempestive du span.

pee3x · Answer

merci pour ta réponse ;)  

mais, j'ai besoin de javascript pour faire ce que je souhaite faire car je voudrais le faire avec un effet de fondu(désolé je ne l'ai pas dis dans mon premier post). c'est pour ca que j'amerais avoir une propriété ou fonction qui permet de de pendre toute la div en conte 

c'est bon enfait, j'ai trouvé la solution merci d'avoir répondu quand meme ;)  
j'ai créé un boléen vrai si la souris est par dessus et faux si elle ne l'est pas

Probleme onmouseover div

2 réponses

Discussions similaires