Ver Mensaje Individual
  #4 (permalink)  
Antiguo 01/05/2012, 00:59
sergio1210
 
Fecha de Ingreso: febrero-2012
Ubicación: Barcelona
Mensajes: 50
Antigüedad: 12 años, 8 meses
Puntos: 2
Respuesta: Imagen con overlay rollover

Prueba la siguiente:

Creas un
Código:
div class="contenedor"
y dentro pones la imagen y un
Código:
div class="caption"
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