J'ai essayé de me créer un exemple en fonction du lien que donne Strix.
Dans la page HTML :
<a href="http://test.com/" class="tip" title="">Lien<span>tooltip</span></a>
Dans le CSS :
1 2 3 4 5 6 7 8 9 10 11 12 13 14
|
a.tip span
{
background-image: url(images/ton_image.JPG); /*Lien image*/
display: none; /*Cacher*/
width: 351px; /*Taille image*/
height: 114px; /*Taille image*/
color: #fff; /*Cacher "tooltip" en le mettant en blanc*/
}
a:hover.tip span
{
display: block; /*Spécifie le bloc*/
} |
Marche parfaitement sous IE et firefox.
Seul petit bug sous IE, malgré le fait que "tooltip" soit mis en blanc afin de le cacher, on voit quand même sous IE le "souslignage".
Encore merci à Strix pour ce lien...
Partager