¿Como Puedo Crear Una Capa Transparente sobre mi web?

[jonatanlc]

hola , quisiera saber como podria crear una capa transparente sobre mi web , pero sin que la capa me corra el contenido de la misma , osea sobre , yo se que para situar una capa sobre otra se usa esto en css:

Código:

z-index:1;

pero creo una capa contenedora seteo eso y me corre la web ,igual , osea mi idea es algo como lo que realizar el lightbox pero sin frameworks , solo css , se puede ?.

Saludos y perdón por molestar con preguntas tontas.

[Edypu]

También se puede usando JavaScript

visita las FAQs de la sección mencionada.

Saludos.

[jcarrascal]

Si lo que quieres es la capa de fondo de un lightbox puedes hacerlo así:

Coloca el siguiente div justo antes de cerrar el body.

[CODE]
<!-- contenido -->
<div id="foo"></foo>
</body>
</html
[CODE]

Ahora pon esto en tu hoja de estilos:

Código:

#foo {
  background-color: #000;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  filter:alpha(opacity=25); /* Para IE */
  -moz-opacity:.25; /* Para Firefox */
  opacity:.25; /* Browsers que soporten CSS3 */
}

Saludos.