Com CSS, � poss�vel trabalhar com camadas: partes de elemento do HTML que s�o colocadas no alto da p�gina regular com precis�o do pixel.
Camadas do CSS
As vantagens desta s�o �bvias - mas uma vez outra vez Netscape tem sustenta��o muito limitada de camadas do CSS - e cobrem-na fora: a sustenta��o que limitada oferece � executada completamente frequentemente com falhas.
Assim os desafios reais quando trabalhar com camadas for lhes fazer tamb�m o trabalho em browsers de Netscape.
Criar toda que uma camada voc� necessita fazer � atribuir a posi��o do atributo a seu estilo.
A posi��o pode ser parente ou absolute.
A posi��o pr�pria � definida com esquerda e as propriedades superiores.
Finalmente, que a camada � no alto � definido com a ajuda do atributo do z-�ndice.
PARENTE CONTRA POSICIONAR ABSOLUTO
Voc� pode uma ou outra posi��o que sua camada calculou da posi��o onde a camada pr�pria � introduzida (parente) ou calculada do canto esquerdo superior (absoluto).
posi��o: absoluto
Se voc� definir a posi��o ao absolute calcular-se-� do canto esquerdo superior da p�gina - a menos que a camada for definida dentro de uma outra camada, que no caso se calcular� do canto esquerdo superior da camada do pai.
posi��o: relativo
Se voc� definir a posi��o para ser relativo relativo � posi��o do Tag que carrega o estilo. Isto �, se voc� adicionar uma camada relativamente posicionada no meio da p�gina, a seguir da posi��o ser� calculado desse ponto exato no meio de sua p�gina onde se adicionou previamente.
DEFININDO A POSI��O
Quando a propriedade da posi��o indicar a mola da sa�da de nosso sistema coordenado, as propriedades da esquerda e do alto definem a posi��o exata de nossa camada.
Voc� pode incorporar valores positivos e negativos para estas propriedades - assim � poss�vel colocar mais altamente acima e mais mais �ndices � esquerda na p�gina do que a posi��o l�gica no c�digo do HTML onde a camada pr�pria � definida.
Em outras palavras: no fundo de seus c�digos do HTML voc� pode dar entrada ao c�digo para uma camada que seja posicionada no alto da p�gina resultante.
Cobrir e as propriedades esquerdas podem din�micamente ser mudadas com Javascript.
Isto significa que � poss�vel mover ao redor a coisa na tela mesmo depois que a p�gina terminou o carregamento.
No fato esta t�cnica pode ser usada criar jogos inteiros. Outros usos puderam ser os menus que estalam para fora quando a rato-sobre � detectado em uma liga��o. As possibilidades s�o infinitas - mas a fim manter coisas simples, n�s n�o escavaremos em detalhes sobre estes efeitos din�micos do HTML aqui.
POSI��O NA PILHA - O Z-INDEX
Retratar um jogo de 52 cart�es. Se o ace de p� estivesse no fundo n�s dir�amos que teve o z-�ndice: 1;. Se a rainha do cora��o estivesse no alto n�s dir�amos que teve o z-�ndice: 52;.
Tentar olhar os exemplos do c�digo no alto desta p�gina outra vez, e ver como n�s usamos o z-�ndice p�r a CAMADA 1 sobre o alto no primeiro exemplo, quando n�s tivemos a CAMADA 2 no alto no segundo exemplo.
A possibilidade muito interessante levanta-se do fato que o z-�ndice pode din�micamente ser mudado com Javascript.
� poss�vel criar diversos �pagina� no alto de se - tudo na mesma p�gina. Quando o usu�rio estala uma liga��o mover� simplesmente a camada com o info desejado no alto melhor que carrega um novo pagina. A t�cnica para criar efeitos gosta que vai al�m do espa�o do CSS puro entretanto, assim que para agora n�s consultaremos apenas a DHTML (HTML din�mico - uma mistura entre o Javascript e o CSS) para umas explora��es mais adicionais nessa �rea.
VISIBILE CONTRA CAMADAS ESCONDIDAS
Uma propriedade final � a propriedade da visibilidade que permitir� que voc� cr�e a camada invis�vel.
Por que qualquer um quereria criar uma camada invis�vel? Bem, imaginar a possibilidade que d� adicionando menus pop-up e outros efeitos frescos em suas p�ginas.
Com HTML din�mico � poss�vel mudar a visibilidade de uma camada de acordo com determinados eventos. O uso o mais comum deste � criar os menus que estalam para fora (como os menus secund�rios no menu do COME�O em Windows). O truque atr�s destes menus � criar todos os submenus como camadas invis�veis. Ent�o, quando a rato-sobre � detectado em uma liga��o a camada concordando torna-se vis�vel. (Sons consideravelmente f�ceis - � realmente consideravelmente f�cil - exceto quando browsers sobre tentados de Netscape que parecem ter somente a id�ia da l�gica atr�s das camadas do CSS).
Os valores v�lidos para a propriedade da visibilidade s�o: escondido e vis�vel.
Este exemplo mostra como criar umas camadas invis�veis:
� �bvio que as camadas oferecem determinadas possibilidades para posicionar preciso do elemento de est�tica em suas p�ginas.
Na realidade as camadas s�o usadas frequentemente em uma maneira mais din�mica:
Elementos/bandeiras do v�o na p�gina
Jogos onde voc� move um objeto ao redor
Menus que estalam para fora quando provocados
Menus que se tornam vis�veis quando provocados
Quando todos estes efeitos puderam parecer �teis bonito - o fato � que a correia fotorreceptora est� enchida com os efeitos din�micos que est�o muito mais frescos do que do visitante os gostos m�dios realmente.
Mais que voc� pode criar uma rela��o original para seu local mais voc� for�a o visitante a esquecer-se sobre o que � usado. N�o underestimate o poder de furar aos elementos que o visitante m�dio est� acostumado a.
Que � fresco sobre criar um efeito que makes 90% de todo o clap dos desenhadores da correia fotorreceptora suas m�os ao deixar 90% dos desenhadores da non-correia fotorreceptora confundidos ou decepcionados?
Em algum caso, juiz para yourself se determinado efeito for realmente needed - e se assim: n�o hesitate us�-lo.