Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar o Z-index

25-02-2007 10:35

O Z-index é um propriedade do CSS para definir a prioridade que um elemento tem sobre os outros, ele trabalha com o position absolute.
Um exemplo de uso do Z-index é quando queremos definir que um elemento fique por cima de outro no documento.
Veja abaixo o exemplo:
<div style="position:absolute;left:30px;top:30px;Z-index:3"> <table width="50" height="50" bgcolor="#f9f9f9"> <tr><td></td></tr> </table> </div> <div style="position:absolute;left:20px;top:20px;Z-index:2"> <table width="50" height="50" bgcolor="#cccccc"> <tr><td></td></tr> </table> </div> <div style="position:absolute;left:10px;top:10px;Z-index:1"> <table width="50" height="50" bgcolor="#696969"> <tr><td></td></tr> </table> </div>

acima há 3 divs com os Z-index em ordem decrescente, isso é para você ver que simplesmente a ordem das divs não interfere, mas, sim, o valor do Z-index.
Quanto mais alto for o valor do Z-index, maior será o seu posicionamento em relação aos outros Z-index.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado