Foros del Web » Creando para Internet » HTML »

¿Como Puedo Crear Una Capa Transparente sobre mi web?

Estas en el tema de ¿Como Puedo Crear Una Capa Transparente sobre mi web? en el foro de HTML en Foros del Web. hola , quisiera saber como podria crear una capa transparente sobre mi web , pero sin que la capa me corra el contenido de la ...
  #1 (permalink)  
Antiguo 29/01/2008, 14:45
 
Fecha de Ingreso: julio-2006
Mensajes: 95
Antigüedad: 11 años, 5 meses
Puntos: 2
¿Como Puedo Crear Una Capa Transparente sobre mi web?

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.
  #2 (permalink)  
Antiguo 29/01/2008, 17:46
Avatar de Edypu  
Fecha de Ingreso: octubre-2003
Ubicación: La Paz - Bolivia
Mensajes: 394
Antigüedad: 14 años, 2 meses
Puntos: 1
Re: ¿Como Puedo Crear Una Capa Transparente sobre mi web?

También se puede usando JavaScript

visita las FAQs de la sección mencionada.

Saludos.
  #3 (permalink)  
Antiguo 29/01/2008, 20:08
Avatar de jcarrascal  
Fecha de Ingreso: enero-2008
Mensajes: 87
Antigüedad: 9 años, 10 meses
Puntos: 6
Re: ¿Como Puedo Crear Una Capa Transparente sobre mi web?

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 07:08.