# 1. Índice Z
No puedes usar descaradamente esta propiedad para apilar tus elementos.
Cada página web se compone de lo que se denominan contextos de apilamiento. Puedes pensar en estos como, literalmente, una pila de elementos. La propiedad del índice z determina el orden de los elementos en cada pila, y el índice z más alto se coloca más arriba.
Todas las páginas comienzan con un contexto de apilamiento de raíz, que se construye a partir del elemento raíz (como cabría esperar). Pero se pueden crear más contextos de apilamiento de varias maneras. Una forma es una div absolutamente posicionada; Sus hijos estarán en un nuevo contexto de apilamiento.
Las especificaciones enumeran todas las instancias que crean un nuevo contexto de apilamiento. Como han dicho otros, esto incluye elementos posicionados explícitamente y pronto incluirá elementos que no son completamente opacos.
- ¿Cuál es la mejor manera de leer un libro rápidamente y recordar todo?
- ¿Por qué muchos teóricos se han vuelto cada vez más escépticos sobre la distinción estructural entre recuerdos sensoriales, a corto y largo plazo?
- Cómo construir un palacio de la memoria si no puedo encontrar un camino lineal en los lugares que conozco de memoria
- ¿Qué es exactamente el deja vu y por qué ocurre? ¿Hay alguna teoría detrás de esto?
- Cómo olvidarme de las chicas para poder dedicarme a trabajar en cosas que beneficiarán mi futuro.
Como dije antes,
z-indexsolo tiene efecto si establece explícitamente la posición del elemento. Esto significa establecerlo comofixed,absoluteorelative.
Cortesía: ¿Cómo funciona realmente el índice z?
Además, revisa Lo que nadie te dijo sobre Z-Index.
# 2. Creando triángulos u otras formas CSS
Las formas de CSS
# 3. Animaciones CSS> animaciones jQuery para tareas simples