Cargando

Ir a contenido

X

Como funciona la propiedad z-index





  AUTOR PREGUNTA

Publicado 14 marzo 2014 - 14:26
Quiero saber como funciona z-index, tengo una web donde hay div sobre puestos y no se como se camnbia el orden ni cual es la logica
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 14 marzo 2014 - 14:34
La propìedad z-index sólo funciona con objetos que tengan la propiedad position seteada como relative, fixed o absolute.
Funciona dandole a los objetos un nivel de sobreposicion, como si fuera un mazo de cartas. si tenemos varios div, estos se mostraran por orden numerico mayor el numero primero se muestra.

Ejemplo

//El div1 se muestra mas abajo de todos
#div1 {
position: absolute;
left: 100px;
top: 100px;
z-index: 1;
}

#div2 {
position: absolute;
left: 115px;
top: 115px;
z-index: 2;
}

#div3 {
position: absolute;
left: 130px;
top: 130px;
z-index: 3;
}


   AUTOR PREGUNTA

Publicado 14 marzo 2014 - 14:35
Muchas gracias!!! el ejemplo del mazo de cartas me ayudo a entender la posicion de los div :D


X