Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/04/2012, 16:27
Avatar de demoche
demoche
 
Fecha de Ingreso: junio-2006
Mensajes: 124
Antigüedad: 18 años, 4 meses
Puntos: 0
Imagen con overlay rollover

Como puedo hacer solo con CSS que cuando uno se posa con el mouse sobre una imagen, se cree sobre ella un capa de color transparente como overlay, al estilo de los overlay caption?
Hasta ahora probe con esto pero no logro ponerle color a la transparencia:(

Código CSS:
Ver original
  1. <style>
  2. div.holder {
  3. position:relative;
  4. width:100px; height:100px;
  5. }
  6.  
  7. div.holder a:hover {
  8.     filter: alpha(opacity=60);
  9.     -moz-opacity: 0.6;
  10.     KhtmlOpacity: .6;
  11.     opacity: .6;
  12.     position:absolute;
  13.     top:0; left:0;
  14.     width:75px; height:75px;
  15.     z-index:110;
  16. }
  17. </style>

Gracias

Última edición por demoche; 30/04/2012 a las 16:43