Como funciona la propiedad z-index



   AUTOR PREGUNTA

Publicado 14 marzo 2014 - 15: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

 

Publicado 14 marzo 2014 - 15: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 - 15:35

Muchas gracias!!! el ejemplo del mazo de cartas me ayudo a entender la posicion de los div