- jeu. 5 janv. 2012 21:49
#9414
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
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 imageColler 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