2007
29
Diciembre
Aprende cómo funciona z-index
Z-index (o índice Z) es una propiedad de CSS que funciona de manera semejante al eje Z en las tres dimensiones.
Z-index es una propiedad de CSS que funciona de manera similar al eje Z en las tres dimensiones. Por ejemplo, si tenemos dos <div> posicionados como “absolute” que se solapan, con z-index podemos establecer cuál de los dos queda por delante (como las capas de Photoshop).
Como norma general, el que tenga mayor z-index quedará siempre por encima de los demás, pero el orden puede variar en función del “position”, no está de más probar diferentes combinaciones de z-index con esta magnífica herramienta que nos descubre Kemie en Diseñorama.
30 Diciembre 2007 a las 17:48
Pablo, si no te importa, meto la pequeña trolleada de rigor sobre el asunto. Es para recordar a tus lectores que cada z-index que se use crea otra capa que el navegador deberá, renderizar, es decir, tira algo de RAM en el momento de la carga. Tampoco nos emocionemos y metamos 8 niveles de z-index en cada pagina que sirvamos al usuario. Es un recurso estético más.
30 Diciembre 2007 a las 23:00
Hombre supongo que lo normal (en caso de usarlo) es usar no más de dos o tres capas, pero no está de más recordalo.
Gracias por el apunte. ^_^