Z-Index

Ademais de posicionar unha caixa de forma horizontal e vertical, CSS permite controlar a posición tridimensional das caixas posicionadas. Desta forma, é posible indicar as caixas que se mostran diante ou detrás doutras caixas cando se producen solapamentos.

A posición tridimensional dun elemento establécese sobre un terceiro eixe chamado Z e contrólase mediante a propiedade z-index. Utilizando esta propiedade é posible crear páxinas complexas con varios niveis ou capas.

A continuación móstrase a definición formal da propiedade z-index:

Propiedade	Valores que acepta	Descrición
z-index	O valor máis común da propiedade z-index é un número enteiro. Aínda que a especificación oficial permite os números negativos, en xeral considérase o número 0 como o nivel máis baixo. Canto máis alto sexa o valor numérico, máis preto do usuario móstrase a caixa. Un elemento con z-index: 10: Móstrase por enriba dos elementos con z-index: 8 o z-index: 9 Móstrarase por debaixo de elementos con z-index: 20 o z-index: 50.	Establece o nivel tridimensional no que se mostra o elemento

A seguinte imaxe mostra un exemplo de uso da propiedade z-index: