A propriedade z-index
Esta é uma propriedade
CSS bastante útil quando nosso layout exige que algum elemento como uma camada div, por exemplo, seja posicionado por trás de outro. Automaticamente, os elementos se sobrepõem na ordem em que aparecem no código (x)html: os que são escritos primeiro ficam por cima dos posteriores. A sobreposição de blocos que estão instanciados depois de outros pode ser necessária por motivos estéticos ou funcionais. Na minha experiência, o principal motivo que tenho tido para usar o z-index é o fato de que os links ficam inacessíveis caso estiverem em camadas que estão por baixo de outra.
Agora, para que o z-index funcione, precisamos atentar para alguns detalhes:
- O elemento precisa ter alguma declação de posicionamento
- position:absolute;
- position:relative;
- position:fixed;
- z-index pode receber valor negativo, mas cuidado:
- No Firefox o elemento some se algum dos elementos "pai" no qual ele está contido, também não tiver uma declaração 'z-index' e um 'position'...
- Mas se você fizer isto, o IE6 não vai mais aceitar valores negativos para elementos filhos, apenas entre camadas separadas.
Taí a dica. Teria muito mais coisa sobre o comportamento desta propriedade. Pretendo escrever um estudo mais aprofundado num artigo. Acho que merece.
Enviar novo comentário