<style type="text/css">
.thumbnail{
position : relative ;
indice z : 0 ;
}
.thumbnail:survoler{
couleur d'arrière-plan : transparent ;
indice z : 50 ;
}
.thumbnail span{ /*CSS pour l'image agrandie*/
position : absolue ;
couleur de fond : jaune clair ;
remplissage : 5 px ;
gauche : -1000px ;
bordure : 1px en pointillé gris ;
visibilité : cachée ;
couleur : noir ;
décoration de texte : aucune ;
}
.thumbnail span img{ /*CSS pour l'image agrandie*/
largeur de bordure : 0 ;
remplissage : 2 px ;
}
.thumbnail:hover span{ /*CSS pour une image agrandie au survol*/
visibilité : visible ;
haut : 0 ;
gauche : 60px ; /*position où l'image agrandie doit être décalée horizontalement */
}
</style>
<a class="thumbnail" href="#thumb"><img src=" " /><br />Tout simplement magnifique.</span></a>
<a class="thumbnail" href="#thumb" ><img src=" " /><br />Tellement réel qu'irréel. Ou est-ce le cas ?</span></a>