Modifique a ordem de posicionamento de elementos com CSS ‘z-index’.

Para tratar a ordem de posicionamento de um ou mais elementos que estejam se  sobrepondo em seu layout, uma das possibilidades é utilizar o z-indez no seu css.

Basta incluir a ordem em quem o elemento “x”irá ocupar: para a frente (1, 2, 3… depende do número de elementos a serem sobrepostos), no css do elemento que você quer posicionar:


#menu{

position:absolute;
z-index: 1;
}

Outras sintaxes aplicadas ao z-index:
auto: posiciona o elemento seguindo o padrão do elemento-pai.

number: diz a ordem de posicionamento do elemento. Números positivos e negativos.

inicial: volta a posição ao valor inicial.

inherit: herda a posição do elemento-pai.

=> z-index só irá funcionar em elementos que estiverem com posição definida: (position:absolute / position:relative / position:fixed).

aa_Page_0(3)