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