Prueba la siguiente:
Creas un
y
dentro pones la imagen
y un
con el caption.
Y en los estilos para que al hacer rollover sobre el contenedor te aparezca el caption haces esto:
Código:
div.contenedor div.caption {
opacity:0;
}
div.contenedor:hover div.caption{
opacity:1;
}
Eso hará que la hacer rollover sobre el div con clase contenedor su div hijo con clase caption cambie su opacidad a 1.
Luego ya con css3 le puedes hacer que haga una animación para que no sea tan brusco el cambio de opacidad.
Y acuerdate que en IE la opacidad la gestiona de otra manera, deberás añadir su hack ;)
Un saludo