web-dev-qa-db-fra.com

Comment puis-je afficher des info-bulles ou des informations sur les éléments au survol de la souris?

J'affiche 5 userImage sur un écran. Je souhaite afficher userID et email sur mouseover sur ceux userImage.J'ai utilisé alt propriété de contrôle d'image, mais qui ne fonctionne pas dans mozila, chrome et certaines versions d'IE. Alors, quels sont les autres meilleurs moyens d'afficher des informations au passage de la souris?

53
nectar

Utilisez l'attribut title alors que alt est important pour le référencement.

67
Sarfraz

Le moyen le plus simple d’obtenir des info-bulles dans la plupart des navigateurs est de définir du texte dans attribut title .

par exemple.

<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" />

produit (placez votre souris sur l'image):

n chat http://www.imagechicken.com/uploads/1275939952008633500.jpg

Les attributs de titre peuvent être appliqués à la plupart des éléments HTML.

29
adrianbanks

Le title attribut fonctionne sur la plupart des balises HTML et est largement pris en charge par les navigateurs modernes.

9
Asaph