HTML: tag <layer>

Descrizione

Il tag HTML <layer> viene utilizzato per posizionare e animare (tramite script) gli elementi in una pagina. Un livello può essere pensato come un documento separato che risiede sopra quello principale, tutti esistenti all'interno di una finestra.

Questo tag ha il supporto in Netscape 4 e versioni successive.

Esempio

Questo esempio crea tre strati sovrapposti. Quello posteriore è rosso, quello centrale è blu e quello anteriore è 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>

Questo produrrà il seguente risultato, funzionerà in Netscape 4 e versioni successive.

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in - Riferimento agli attributi HTML

Attributi specifici

Il tag HTML <layer> supporta anche i seguenti attributi aggiuntivi:

Attributo	Valore	Descrizione
sopra	nome del livello	Il nome del livello in linea che verrà posizionato direttamente sopra il livello corrente nell'ordine z.
sfondo	URL	Un nome file o URL per un'immagine su cui appariranno il testo e le immagini del livello in linea.
sotto	nome del livello	Il nome del livello in linea che verrà posizionato direttamente sotto il livello corrente nell'ordine z.
bgcolor	rgb (x, x, x) #xxxxxx colorname	Il colore da utilizzare per lo sfondo del livello in linea.
clip	numero	Le coordinate dell'area visualizzabile del livello in linea.
altezza	pixel	L'altezza del livello in linea, in pixel.
sinistra	numero	La posizione del lato sinistro del livello in linea. Se il livello in linea corrente fa parte di un altro livello, chiamato livello genitore, la posizione è relativa al livello genitore.
nome	nome del livello	Il nome del livello in linea.
pagex	numero	La posizione del lato sinistro del livello in linea rispetto alla finestra del browser.
pagey	numero	La posizione della parte superiore del livello in linea rispetto alla finestra del browser.
src	URL	L'URL di una pagina che apparirà all'interno del livello in linea.
superiore	numero	La posizione della parte superiore del livello in linea. Se il livello in linea corrente fa parte di un altro livello, chiamato livello padre, la posizione è relativa al livello padre.
visibilità	mostra nascondi eredita	Determina se il livello in linea è visibile.
larghezza	pixel	La larghezza del livello in linea, in pixel.
z-index	numero	La posizione del livello in linea all'interno dell'ordine z. I layer inline con valori Z-INDEX più alti sono posizionati sopra i layer inline con valori Z-INDEX inferiori.

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in - Riferimento agli eventi HTML

Supporto browser

Cromo	Firefox	IE	musica lirica	Safari	Android
No	No	No	No	No	No

↰ Previous page