Z-fim - Z-order

Z-ordem é uma ordem de sobreposição de objetos bidimensionais, tais como janelas em um empilhamento gerenciador de janelas , formas em um editor de gráficos vetoriais ou objetos em um aplicativo 3D. Uma das características de um GUI típico é que as janelas podem se sobrepor, de modo que uma janela oculta parte ou a totalidade de outro. Quando duas janelas sobrepostas, a sua ordem Z determina que um aparece no topo da outra.

Definição

O termo "ordem Z" refere-se a ordem dos objectos ao longo do eixo-Z. Na geometria de coordenadas , X refere-se tipicamente ao eixo horizontal (da esquerda para a direita), Y em relação ao eixo vertical (para cima e para baixo), e Z refere-se ao eixo perpendicular aos outros dois (para a frente ou para trás). Pode-se pensar as janelas em uma GUI como uma série de planos paralelos à superfície do monitor. As janelas são, portanto, empilhadas ao longo do eixo Z, e as informações de Z-ordem especifica, assim, a ordenação da dianteira para a parte traseira das janelas no ecrã. Uma analogia seria algumas folhas de papel espalhadas em cima de uma mesa, cada folha ser uma janela, a tabela tela do seu computador, e a folha superior tendo o maior valor Z.

Usar

Tipicamente, os utilizadores de uma GUI pode afectar o Z-encomenda seleccionando uma janela para ser trazida para o primeiro plano (isto é, "acima" ou "em frente de" todas as outras janelas). Alguns gerenciadores de janelas permitem a interação com janelas enquanto eles não estão em primeiro plano, enquanto outros vão trazer uma janela para a frente sempre que recebe entrada do usuário. Também é possível para janelas especiais para ser designado "sempre no topo"; estes são, em seguida, fixo ao topo do Z-fim de modo que (com poucas excepções) nenhuma outra janela pode sobrepor-los.

Quando se tratar de objectos visuais no ecrã de um computador, um objecto com uma Z-ordem de uma seria visualmente "por baixo" de um objecto com uma Z-fim de 2 ou superior. Este é o mesmo que fazer "camadas" de objetos, onde o Z-ordem determina qual objeto está em cima do outro. Uma página HTML pode usar o elemento DIV para especificar o Z-ordem para que alguns objetos podem ser em camadas sobre os outros.

Z-encomendar é também utilizado em aplicações de 3D para determinar visibilidade objecto com base em sobreposição de outros objectos. Isso confere uma vantagem de velocidade para o usuário que o computador não precisa tornar objetos invisíveis.

z-índice

O número real atribuído a um local particular na ordem Z é, por vezes, conhecido como o índice z. Em particular, o CSS propriedade que define a ordem de empilhamento de elementos específicos é conhecida como o índice z. Um elemento com uma maior ordem da pilha é sempre em frente de um outro elemento com a ordem da pilha inferior.

p {
    position: relative;
    z-index: -1;
}

Ordens pilha negativos também pode ser usado da mesma maneira. Um valor negativo irá aparecer atrás de uma forma positiva. z-indexsó funciona em elementos que têm um valor de posição (por exemplo position: relative;). Como todas as outras propriedades CSS, pode ser definido com JavaScript , bem como com a seguinte sintaxe:

object.style.zIndex="1"

Referências

Veja também