Orden Z - Z-order
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. 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 la 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 (hacia adelante o hacia 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.
Utilizar
Por lo general, los usuarios de una GUI pueden afectar el orden Z seleccionando una ventana que se traerá 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 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 la pantalla de una 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 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.
í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.
p {
position: relative;
z-index: -1;
}
Las órdenes de pila negativas también se pueden utilizar de la misma manera. Aparecerá un valor negativo detrás de uno positivo. z-indexsolo 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 a investigar al depurar por qué el índice z no funciona.
Como todas las demás propiedades de CSS, también se puede configurar con JavaScript con la siguiente sintaxis:
object.style.zIndex="1"