<tipo de estilo="texto/css">
.miniatura{
posición: relativa;
índice z: 0;
}
.miniatura: pasar el cursor {
color de fondo: transparente;
índice z: 50;
}
.thumbnail span{ /*CSS para imagen ampliada*/
posición: absoluta;
color de fondo: amarillo claro;
relleno: 5px;
izquierda: -1000px;
borde: 1px gris discontinuo;
visibilidad: oculta;
color: negro;
decoración de texto: ninguna;
}
.thumbnail span img{ /*CSS para imagen ampliada*/
ancho de borde: 0;
relleno: 2px;
}
.thumbnail:hover span{ /*CSS para imagen ampliada al pasar el mouse*/
visibilidad: visible;
arriba: 0;
izquierda: 60px; /*posición donde la imagen ampliada debe desplazarse horizontalmente */
}
</style>
<a class="thumbnail" href="#thumb"><img src=" " /><br />Simplemente hermoso.</span></a>
<a class="thumbnail" href="#thumb" ><img src=" " /><br />Tan real, es irreal. ¿O no?</span></a>