FORUM D’ENTRAIDE INFORMATIQUE (FEI)Site d’assistance et de sécurité informatique

[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