Ir para conteúdo
Fórum Script Brasil
  • 0

Z-index, Para Que Serve?


fsphp

Pergunta

z-index define a ordem de um elemento na página... ou melhor, vai definir que elemento ficará em cima de outro, e só funciona com "position: absolute;".

Pessoal,

Eu tenho visto que o z-index define o empilhamento dos elementos, mas, PARA QUE ELE SERVE, QUAL SUA UTILIDADE?

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

Excelente esse artigo. Eu estava imaginando mais ou menos isso mesmo, a exemplo das Layers no Photoshop. Realmente esclareceu minha dúvida.

Uma outra pergunta, os códigos abaixo, devem ser inseridos entre as tags <STYLE></STYLE>, na <HEAD>, ou não? Ou elas ficam dentro do corpo da página <BODY>?

#navega{

position : absolute;

top : 190px;

left : 10px;

width : 140px;

font-size: 14px;

font-weight: normal;

text-decoration: none;

color: brown;

background-color: #FFCC00;

z-index: 3

}

#navega2{

position : absolute;

top : 230px;

left : 20px;

width : 140px;

font-size: 14px;

font-weight: normal;

text-decoration: none;

color: brown;

background-color: #0099FF;

z-index: 1

}

#navega3{

position : absolute;

top : 280px;

left :50px;

width : 140px;

font-size: 14px;

font-weight: normal;

text-decoration: none;

color: brown;

background-color: #FFCCFF;

z-index: 2

}

smile.gif

Link para o comentário
Compartilhar em outros sites

  • 0

Depois eu utilizo os "índices" #navega, #navega2 e #navega3 para referenciar esses styles, certo?

Então, por exemplo, dentro da tag <DIV> eu coloco o CLASS = "#navega3", ficando mais ou menos assim:

<DIV CLASS="#navega3">conteudo, conteudo, conteudo, conteudo</DIV>

Está certo dessa forma?

Valeu pessoal!!! smile.gif

.

Link para o comentário
Compartilhar em outros sites

  • 0

Não, o # é para indicar um estilo sendo declarado pelo "id"....

<style>
#navega {
...
}
</style>

<DIV id="navega">conteudo, conteudo, conteudo, conteudo</DIV>

Assim todos os elementos que não tiverem definições de estilo na propria tag e tiverem o id = navega vão receber aquele estilo...

Não sei se fui claro...

Qualquer coisa posta ae...

Abraço

Crystian

Link para o comentário
Compartilhar em outros sites

  • 0

Legal pessoal,

Entendi. tanto um estilo que comece com"#" ou uma classe que comece com ".", ao ser referenciada dentro da tag, esses símbolos não são colocados.

Obrigado a todos! biggrin.gif

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...