El orden Z es un orden de objetos bidimensionales superpuestos, como ventanas en un administrador de ventanas apilables , formas en un editor de gráficos vectoriales u objetos en una aplicación 3D. [1] Una de las características de una GUI típica es que las ventanas pueden superponerse, de modo que una ventana oculta parte o toda la otra. Cuando dos ventanas se superponen, su orden Z determina cuál aparece encima de la otra.
Definición
El término "orden Z" se refiere al orden de los objetos a lo largo del eje Z. En geometría de coordenadas , X se refiere típicamente al eje horizontal (de izquierda a derecha), Y al eje vertical (arriba y abajo) y Z se refiere al eje perpendicular a los otros dos (adelante o atrás). Se puede pensar en las ventanas de una GUI como una serie de planos paralelos a la superficie del monitor. Por lo tanto, las ventanas se apilan a lo largo del eje Z, y la información del orden Z especifica así el orden de adelante hacia atrás de las ventanas en la pantalla. Una analogía sería algunas hojas de papel esparcidas sobre una mesa, cada hoja es una ventana, la mesa es la pantalla de su computadora y la hoja superior tiene el valor Z más alto.
Usar
Normalmente, los usuarios de una GUI pueden afectar el orden Z seleccionando una ventana que se traerá al primer plano (es decir, "arriba" o "delante" de todas las demás ventanas). Algunos administradores de ventanas permiten la interacción con las ventanas mientras no están en primer plano, mientras que otros traerán una ventana al frente cada vez que reciba información del usuario. También es posible designar ventanas especiales "siempre arriba"; estos se fijan luego en la parte superior del orden Z para que (con pocas excepciones) ninguna otra ventana pueda superponerlos.
Cuando se trata de objetos visuales en una pantalla de computadora, un objeto con un orden Z de 1 estaría visualmente "debajo" de un objeto con un orden Z de 2 o más. Esto es lo mismo que hacer "capas" de objetos donde el orden Z determina qué objeto está encima de otro. Una página HTML puede usar CSS para especificar el orden Z, de modo que algunos objetos puedan superponerse a otros.
El orden en Z también se utiliza en aplicaciones 3D para determinar la visibilidad de los objetos basándose en la superposición de otros objetos. Esto confiere una ventaja de velocidad al usuario, ya que la computadora no necesita renderizar objetos invisibles. [1]
índice z
El número real asignado a un lugar particular en el orden Z a veces se conoce como índice z. En particular, la propiedad CSS que establece el orden de pila de elementos específicos se conoce como índice z. Un elemento con mayor orden de pila siempre está delante de otro elemento con menor orden de pila. [2]
p { posición : relativa ; índice z : -1 ; }
Los pedidos de pila negativos también se pueden usar de la misma manera. Aparecerá un valor negativo detrás de uno positivo. z-index
solo funciona en elementos que tienen un valor de posición (por ejemplo position: relative;
) y para muchos codificadores, esta es una de las primeras cosas que hay que investigar al depurar por qué el índice z no funciona. [3]
Como todas las demás propiedades de CSS, también se puede configurar con JavaScript con la siguiente sintaxis:
objeto . estilo . zIndex = "1"
Ver también
Referencias
- ^ a b Foley, James, Andries van Dam, Steven Feiner y John Hughes. "Infografía: principio y práctica". Compañía editorial de Addison-Wesley. Reading, Massachusetts: 1987. páginas 870-871
- ^ "Modelo de formato visual" . Consorcio World Wide Web . Especificando el nivel de pila: la propiedad 'z-index'. Archivado desde el original el 24 de noviembre de 2018.
- ^ Guide, The Web Developer (28 de marzo de 2019). "¡El índice Z de CSS no funciona! ¡Envíe ayuda!" . La guía para desarrolladores web . Consultado el 10 de abril de 2019 .