Considere que hay dos capas:
El índice z es el usuario para cambiar su posición del eje z del valor predeterminado 0.
Por ejemplo, estoy agregando el estilo de div 1 [posición: absoluta; arriba: 30px; izquierda: 30px;]
div 2 [posición: absoluta; arriba: 35px; izquierda: 35 px;]
Se verá así:
El eje z de ambos es 0 por defecto (es decir, índice z: 0;
Pero, ¿y si necesito que el Div 1 esté en la parte superior del Div 2?
Aquí viene el índice z. Lo que juega un papel en el eje z. 3 dimensiones.
Si si agrego
div1 {
índice z: 10;
}
div2 {
índice z: 1;
}
Voy a obtener la salida como:
@ @
Ese es el uso del índice z. Cambia el eje Z.
¿Por qué utilizo un índice z en CSS?
Related Content
Definición de w3schools:
La propiedad de índice z especifica el orden de la pila de un elemento.
Un elemento con un orden de pila mayor siempre está delante de un elemento con un orden de pila menor.
Nota: el índice z solo funciona en elementos posicionados (posición: absoluta, posición: relativa o posición: fija).
- Propiedad CSS z-index
Por ejemplo, si tiene dos elementos: E1, E2. Utiliza la posición absoluta en E2 y algo de margen para moverlo a la posición exacta como E1.
Debido a que E2 se crea más adelante en el html, se superpondrá a E1, que está debajo, pero no se puede ver. Pero quieres que se muestre E1 y que E2 esté debajo. ¿Cómo haces eso? Bueno, aquí viene un práctico índice z .
Por lo tanto, establece el índice z de E1 en 1 (índice z: 1;) lo que significa que E1 aparecerá delante del siguiente elemento.
Puede establecer el índice z en cualquier valor, según la cantidad de elementos que desee superponer. Por ejemplo, si tiene E1, E2, E2 y desea que E1 esté en la parte superior, entonces: z-index: 2; y así.
Hay una práctica común en la que usa el índice z: -9999; para “esconderse” por decir un elemento debajo de todos los elementos, y puede hacer que vuelva a aparecer cuando establece el índice z en 0, o 1 u otro valor más alto. Puedes crear algunos efectos especiales con eso.
Espero que esta respuesta te haya ayudado. No estoy 100% seguro de que todo lo que dije sea completamente correcto. Entonces, si alguien descubre algo incorrecto en la información que proporcioné, no dude en corregirme.
La propiedad de índice Z se utiliza para especificar qué objeto debe aparecer delante de todos …
Me gusta (traer al fondo / traer al frente en ppt)
Los valores más altos del índice z dan una mayor visibilidad del objeto sobre el de los demás.
El índice z de la propiedad CSS decide el orden de los elementos posicionados (relativos, absolutos, fijos) cuando se superponen.
El índice Z se usa para establecer un elemento sobre el otro. Como una forma de apilarse o superponerse entre sí. Una forma inteligente es hacer que las imágenes se apilen entre sí como una baraja de cartas. Esto se puede lograr mediante el uso de z-index en CSS.
El índice Z es para colocar elementos superpuestos. Digamos que tiene dos divisiones y las esquinas se superponen. si quieres que uno vaya por encima del otro, le das un índice Z más alto.
Vea el ejemplo aquí:
Tryit Editor v2.3