Il tag HTML <layer>



Descrizione

Il tag HTML <layer> è usato per posizionare ed animare (tramite scripting) gli elementi in una pagina.

Un layer può essere anche in un documento separato. Questo tag è supportato da Netscape 4 in poi.

Esempio

Questo esempio crea 3 livelli sovrapposti. Quello dietro è rosso, nel mezzo blu, e il frontale 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>

Produrrà il seguente risultato, it will work in Netscape 4 and higher versions.

layer 1

layer 2

layer 3

Attributi Globali

Questo tag supporta tutti gli attributi globali descritti in - HTML - Referenze Attributi

Attributi Specifici

The HTML <layer> supporta anche i seguenti attributi aggiuntivi:

AttributoValoreDescrizione
above layer
name
Il nome del livello inline sarà posizionato direttamente sopra il livello corrente.
background URLUn nome di file o URL per un'immagine su cui appariranno il testo e le immagini del livello in linea.
below layer
name
Il nome del livello inline che sarà posizionato direttamente sotto il livello corrente nello z-order.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Il colore da utilizzare per lo sfondo.
clip numericoLe coordinate dell'area visibile del livello in linea.
height pixelsL'altezza del livello in linea, in pixel.
left numericoLa posizione del lato sinistro del livello in linea. Se lo strato in linea corrente è parte di un altro livello chiamto livello padre - quindi la posizione è relativa al livellpo padre.
name layer
name
Il nome del livello in linea.
pagex numericoLa posizione del lato sinistro del livello in linea rispetto alla finestra del browser.
pagey numericoLa posizione della parte superiore dello strato in linea rispetto alla finestra del browser.
src URLL'URL di una pagina che apparirà all'interno del livello in linea.
top numericoLa posizione della parte superiore dello strato in linea. Se il livello in linea corrente è parte di un altro livello chiamato livello padre, allora la posizione è relativa allo strato padre.
visibility show
hide
inherit
Determina se il livello in linea è visibile.
width pixelsLa larghezza del livello inline, in pixel.
z-index numericoLa posizione del livello in linea all'interno dell'ordine z. I livelli inline con valori di Z-INDEX superiori sono posizionati sopra i livelli inline con valori Z-INDEX inferiori.

Attributi Evento

Questo tag supporta tutti gli attributi evento descritti in - HTML - Referenze Eventi

Compatibilità Browser

ChromeFirefoxIEOperaSafariAndroid
NoNoNoNoNoNo
html_tags_reference.htm
Advertisements