<style type="text/css">
.thumbnail{
Position: relativ;
Z-Index: 0;
}
.thumbnail:hover{
Hintergrundfarbe: transparent;
Z-Index: 50;
}
.thumbnail span{ /*CSS für vergrößertes Bild*/
Position: absolut;
Hintergrundfarbe: hellgelb;
Polsterung: 5px;
links: -1000px;
Rand: 1px gestrichelt grau;
Sichtbarkeit: verborgen;
Farbe: Schwarz;
Textdekoration: keine;
}
.thumbnail span img{ /*CSS für vergrößertes Bild*/
Randbreite: 0;
Polsterung: 2px;
}
.thumbnail:hover span{ /*CSS für vergrößertes Bild beim Hover*/
Sichtbarkeit: sichtbar;
oben: 0;
links: 60px; /*Position, an der das vergrößerte Bild horizontal versetzt werden soll */
}
</style>
<a class="thumbnail" href="#thumb"><img src=" " /><br />Einfach schön.</span></a>
<a class="thumbnail" href="#thumb" ><img src=" " /><br />So real, es ist unwirklich. Oder doch?</span></a>