Hola!
Luego de intentar un tiempo no logro hacer algo que creo yo es simple pero no encuentro la respuesta de como hacerlo.
Tengo varias miniaturas de imagenes en mi web y lo que quiero es que al hacerles click, se superponga una "cortina" negra con una opacidad reducida tapando la totalidad de la pagina para arriba poner la imagen en tamaño completo.
Es algo bastante visto creo yo.
Estoy usando html CSS y jQuery (para hacer aparecer una lupa arriba de las imagenes al pasarle con el mouse)
Hasta ahora tengo esto:
HTML
Código:
<div id="cortina">
</div>
CSS
Código:
#cortina
{
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
position: fixed;
z-index: 20;
}
que estoy haciendo mal? /:
Desde ya muchas gracias!