layer

[jezebel]

Vorrei sapere cosa sono e come si usano i layer...

[Jerry Masslo]

elementi (tipicamente div) in position:absolute, anche detti livelli

sono caratterizzati dal posizionarsi in modo assoluto cioé indipendentemente dagli altri elementi nella pagina con top left right e bottom rispetto alla pagina o all'elemento in position:relative o position:absolute in cui eventualmente sono annidati

cioè top:2% left:20px posiziona il layer a quella distanza dall'elemento cui fa riferimento come detto sopra passando sopra o sotto gli altri elementi nella pagina

per posizionare il layer sull'asse z si usa uno z-index cioé un layer con z-index:2 starà sopra uno con z-index:1

si usano quando serve avere del contenuto che stia sopra o sotto dell'altro contenuto, tipicamente menù a tendina ma i casi in cui possono tornare utili possono essere tantissimi

è sconsigliato usarli per l'impaginazione normale perché a differenza degli altri elementi un eventuale maggiore ingombro (ingrandimento testo o maggiore contenuto) non sposterà di conseguenza gli altri elementi nella pagina causando sovrapposizioni indesiderate, anche se possono esserci soluzioni che ne tengono conto ma in generale è preferibile non usarli per sfruttarne il posizionamento e non anche l'asse z

lo z-index si può assegnare agli absolute ai relative e ai fixed (fixed che ie non conosce)