Come rendere un DIV dopo l'altro in HTML

Scrivi nel codice HTML per un elemento DIV e inserisci tutto il contenuto desiderato tra i tag di apertura * e per chiudere *. Assegna il DIV un attributo ID per nominare l'elemento. È necessario utilizzare un nome che è univoco per quell'elemento DIV e non utilizzare lo stesso ID più di una volta nella stessa pagina Web. Ad esempio: * * Il contenuto va qui .... *

Crea un secondo DIV sotto il primo e poi aggiungi tutto il contenuto che desideri per quel DIV. Inserisci un attributo ID con un nome diverso rispetto al primo. * * Il contenuto va qui .... * *

Apri il tuo file CSS o individua i tag codificati nel file HTML. Puoi aggiungere tag se non sono più presenti. Usa il codice CSS per assegnare a ogni DIV un tipo di posizione "relativo", come mostrato in questo esempio: #firstdiv {position: relative;} #seconddiv {position: relative;}

Aggiungi la proprietà "z-index" del codice CSS per ciascun elemento DIV. Posiziona il valore per "z-index" più alto di quello per DIV per impilare l'altro. Il valore DIV più basso nello stack ottiene il valore più basso di "z-index". # Firstdiv {position: relativo; z-index: 2;} #seconddiv {position: relative; z-index: 1;} È possibile inserire il valore di "z-index" tra zero e 999. È possibile utilizzare valori negativi, ma causano problemi nelle composizioni complesse e non funzionano nelle versioni precedenti di Internet Explorer.