Foros del Web » Creando para Internet » CSS »

Superponer Capa...

Estas en el tema de Superponer Capa... en el foro de CSS en Foros del Web. Estimados amigos: estoy tratajando con capas y quisiera colocar una capa delante de otra mediante z-index pero no me resulta....el problema es que tengo una ...
  #1 (permalink)  
Antiguo 05/06/2007, 11:36
Avatar de Ugho  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 487
Antigüedad: 15 años, 1 mes
Puntos: 0
Superponer Capa...

Estimados amigos:
estoy tratajando con capas y quisiera colocar una capa delante de otra mediante z-index pero no me resulta....el problema es que tengo una DIV dentro de otra y de acuerdo a como lo tengo implementado mi pagina necesito trabajarlo asi ...este es mi codigo.
Cita:
Código PHP:
<HTML>
<
HEAD>
<
TITLE>No me funciona </TITLE>
</
HEAD>
<
BODY BGCOLOR="#FFFFFF">
<
DIV id="black" STYLE="position:absolute; font-size:100px; font-family:impact; top:110px; left:10px; color:black; z-index:2">
HTML
<DIV id="gray" STYLE="position:absolute; font-size:100px; font-family:impact; top:10px; left:15px; color:gray; z-index:1">
HTML
</DIV
</
DIV
</
BODY>
</
HTML
Si alguien puede ayudarme se los agradecería...en este ejemplo practico, la idea es que quede la palabra HTML con letra negra y sombra gris.
Saludos y gracias de antemano....
__________________
________________________________________

Ugho.

Última edición por Ugho; 05/06/2007 a las 12:42
  #2 (permalink)  
Antiguo 05/06/2007, 12:35
Avatar de k4k4  
Fecha de Ingreso: junio-2007
Ubicación: Baja California, México
Mensajes: 120
Antigüedad: 10 años, 6 meses
Puntos: 6
Re: Superponer Capa...

Hola,

hmm, aquí hay una muy buena explicación de porque no obtienes el resultado que esperas: css-discuss.incutio.com/?page=OverlappingAndZIndex.

Básicamente, es el contexto, en inglés: stacking context. Como tienes un div posicionado absolutamente dentro de otro, cada uno tiene contexto diferente y el z-index sólo afecta a los elementos que estan en un mismo contexto.

Una posible solución sería que manejaras otra capa a manera de contenedor para que los divs posicionados estuvieran en el mismo contexto, por ejemplo:
Código PHP:
<div id="container">
  <
DIV id="black" STYLE="position:absolute; font-size:100px;
                                  font-family:impact; top:15px; left:10px;
                                  color:black; z-index:5"
>
         
HTML
   
</DIV
   <
DIV id="gray" STYLE="position:absolute; font-size:100px; 
                                  font-family:impact; top:19px; left:15px; 
                                  color:gray; z-index:0"
>
         
HTML
   
</DIV
</
div
Otra solución es usar un z-index negativo para la capa gris con la ventaja de que no hay que hacer cambios en la estructura del documento. (Aunque yo preferiría controlar mis contextos...)


Saludos.
  #3 (permalink)  
Antiguo 05/06/2007, 13:01
Avatar de Ugho  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 487
Antigüedad: 15 años, 1 mes
Puntos: 0
Re: Superponer Capa...

Muchas gracias k4k4:
con la opcion z-index: -1 me basta y sobra para lo que requiero...
Saludos
__________________
________________________________________

Ugho.
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




La zona horaria es GMT -6. Ahora son las 15:36.