HTML - tag <layer>

Descrição

A tag HTML <layer> é usada para posicionar e animar (por meio de script) elementos em uma página. Uma camada pode ser considerada como um documento separado que reside em cima do principal, todos existindo em uma janela.

Esta tag tem suporte no Netscape 4 e em versões superiores.

Exemplo

Este exemplo cria três camadas sobrepostas. O traseiro é vermelho, o do meio é azul e o frontal é verde.

<!DOCTYPE html>
<html>

   <head>
      <title>HTML layer Tag</title>
   </head>

   <body>
      <layer id = "layer1" top = "250" left = "50" width = "200" 
         height = "200" bgcolor = "red">
         <p>layer 1</p>
      </layer>
      
      <layer id = "layer2" top = "350" left = "150" width = "200"
         height = "200" bgcolor = "blue">
         <p>layer 2</p>
      </layer>
      
      <layer id = "layer3" top = "450" left = "250" width = "200"
         height = "200" bgcolor = "green">
         <p>layer 3</p>
      </layer>
   </body>

</html>

Isso produzirá o seguinte resultado, funcionará no Netscape 4 e em versões superiores.

Atributos Globais

Esta tag suporta todos os atributos globais descritos em - Referência de Atributo HTML

Atributos Específicos

A tag HTML <layer> também oferece suporte aos seguintes atributos adicionais -

Atributo	Valor	Descrição
acima	nome da camada	O nome da camada embutida que será posicionada diretamente acima da camada atual na ordem z.
fundo	URL	Um nome de arquivo ou URL para uma imagem na qual o texto e as imagens da camada embutida aparecerão.
abaixo	nome da camada	O nome da camada embutida que será posicionada diretamente abaixo da camada atual na ordem z.
bgcolor	RGB (x, x, x) #XXXXXX colorname	A cor a ser usada para o plano de fundo da camada embutida.
grampo	número	As coordenadas da área visível da camada embutida.
altura	píxeis	A altura da camada embutida, em pixels.
esquerda	número	A posição do lado esquerdo da camada embutida. Se a camada embutida atual fizer parte de outra camada. Chamada de camada principal, a posição é relativa à camada principal.
nome	nome da camada	O nome da camada embutida.
pagex	número	A posição do lado esquerdo da camada embutida em relação à janela do navegador.
pagão	número	A posição da parte superior da camada embutida em relação à janela do navegador.
src	URL	O URL de uma página que aparecerá dentro da camada embutida.
topo	número	A posição da parte superior da camada embutida. Se a camada embutida atual fizer parte de outra camada - chamada de camada pai - então a posição é relativa à camada pai.
visibilidade	mostrar esconder herdar	Determina se a camada embutida está visível.
largura	píxeis	A largura da camada embutida, em pixels.
z-index	número	A posição da camada embutida na ordem z. Camadas inline com valores Z-INDEX mais altos são posicionadas acima das camadas inline com valores Z-INDEX mais baixos.

Atributos de evento

Esta tag suporta todos os atributos de evento descritos em - Referência de eventos HTML

Suporte de navegador

cromada	Raposa de fogo	IE	Ópera	Safári	Android
Não	Não	Não	Não	Não	Não

↰ Previous page