Come fare un Layer con il Css

Con il CSS è possibile lavorare con gli elementi layers, ossia con parti di codice html che possono essere situati sopra la tradizionale pagina web. Il vantaggio dei layer (livelli) è evidente. Tramite i layer è infatti possibile sovrapporre testo e immagini con grande facilità. Tuttavia, non tutti i browser sono in grado di interpretarli correttamente. Per realizzare un layer è necessario conoscere le basi del Css.

Esempio di Layer (livello) realizzato con il Css

Codice dell'esempio utilizzando il Css

<div style="position:relative; font-size:50px; z-index:2;">LAYER 1</div> <div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1">LAYER 2</div> <div style="position:relative; font-size:50px; z-index:3;">LAYER 1</div> <div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:4">LAYER 2</div>

Per creare un layer è necessario assegnare al livello una posizione sullo schermo, che può essere assoluta o relativa. La posizione assoluta è determinata indipendentemente dal resto della pagina, mentre la posizione relativa tiene in conto la posizione degli altri elementi.

Commenti

Scrivi il tuo commento sulla pagina
"Come fare un Layer con il Css "

Link utili per approfondire il tema
css layer livelli