El orden Z es un ordenamiento 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 la totalidad de otra. Cuando dos ventanas se superponen, su orden Z determina cuál aparece encima de la otra.
El término "orden Z" se refiere al orden de los objetos a lo largo del eje Z. En geometría de coordenadas , X normalmente se refiere 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 de orden Z especifica el orden de adelante hacia atrás de las ventanas en la pantalla. Una analogía sería unas cuantas hojas de papel esparcidas sobre una mesa, cada hoja sería una ventana, la mesa la pantalla de la computadora y la hoja superior tendría el valor Z más alto.
Normalmente, los usuarios de una GUI pueden afectar el orden Z seleccionando una ventana para que pase al primer plano (es decir, "encima" 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 traen una ventana al frente siempre que recibe información del usuario. También es posible designar ventanas especiales para que estén "siempre en la parte superior"; estas se fijan en la parte superior del orden Z de modo que (con pocas excepciones) ninguna otra ventana pueda superponerse a ellas.
Al trabajar con 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 mayor. Esto es lo mismo que hacer "capas" de objetos donde el orden Z determina qué objeto está sobre otro. Una página HTML puede usar CSS para especificar el orden Z de modo que algunos objetos puedan superponerse a otros.
El ordenamiento Z también se utiliza en aplicaciones 3D para determinar la visibilidad de los objetos en función de la superposición con otros objetos. Esto confiere una ventaja de velocidad al usuario, ya que el ordenador no necesita renderizar objetos invisibles. [1] En la práctica, por supuesto, algunos objetos pueden estar solo parcialmente ocultos, y esta es una complicación que debe tenerse en cuenta.
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 un orden de pila mayor siempre está delante de otro elemento con un orden de pila menor. [2]
p { posición : relativa ; índice z : -1 ; } Los órdenes de pila negativos también se pueden utilizar de la misma manera. Un valor negativo aparecerá detrás de uno positivo. z-indexsolo funciona en elementos que tienen un valor de posición (por ejemplo, position: relative;) y para muchos programadores, esta es una de las primeras cosas que se deben investigar al depurar por qué el índice z no funciona. [3]
Al igual que todas las demás propiedades CSS, también se puede configurar con JavaScript con la siguiente sintaxis:
objeto . estilo . zIndex = '1' ;