Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/03/2008, 08:54
Avatar de indiestudio
indiestudio
 
Fecha de Ingreso: julio-2003
Mensajes: 163
Antigüedad: 20 años, 8 meses
Puntos: 1
Enmascaramiento de capas con CSS

Hola

Tengo este código HTML:

Código HTML:
<div class="capa_de_imagen" id="principal"><img src="imgs/foto.gif" width="100" height="66" border="0" /><div class="mascara id="mascara"></div></div> 
Este es el CSS:

Código:
.capa_de_imagen{
    width:200px; 
    height:66px;
}
.mascara{
    background-image:url(imgs/mascara.gif); 
    background-position:right; 
    background-repeat:no-repeat;
    width:200px; 
    height:66px;
}
Lo que quiero es que la capa "mascara" se posicione sobre la la capa "principal", para que tape parte de la imagen que esta contiene. No puedo usar z-index ya que se van a generar muchas con php.

Gracias de antemano