Page 1 sur 1

Script pour créer des infos bulles images en CSS

Posté : jeu. 5 janv. 2012 21:49
par San Giuliano
Script pour créer des infos bulles images en CSS
Voici un petit tutoriel pour réaliser une info bulle réactive au passage de la souris et affichant une image

Coller ce code dans votre CSS

a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: 20px;
left: -40px;
}  Puis utilisez ce lien sur vos pages web

a class="imag" href="URL" le texte du lien ici spanimg border="0" alt="exemple" src="L'adresse de votre image ici" //span/aEt voici le résultat le texte du lien ici Image