Nwlapcug.com


Come fare un Div galleggiante sopra altro contenuto



Grande Web design richiede una grande quantità di preparazione e di pensiero. Creazione di oggetti corretto, testo e immagini è essenziale, ma sempre li nella posizione corretta nella pagina è altrettanto importante. Al fine di ottenere il layout sullo schermo per abbinare i vostri piani creati in un programma di grafica o su carta, potrebbe essere necessario per posizionare il contenuto all'interno di un DIV a galleggiare sopra altri contenuti da visualizzare nella posizione corretta per tutti i telespettatori.

Istruzioni

1

Creare un DIV inserendo "< div >" per creare la divisione e "< / div >" alla fine di esso.

2

Impostare la posizione del vostro DIV aggiungendo "style =" Posizione: assoluta; Top: #px; sinistra: #px; "" prima della parentesi di chiusura del tag DIV iniziale. Sostituire "#" con il numero di pixel dalla parte superiore e sinistra il div da visualizzare. Sostituire "assoluto" con "fisso" o "relativo" per modificare il posizionamento del DIV.

3

Aggiungere una proprietà z-index per l'inserto DIV. "z-index: 100;" dopo le impostazioni di posizione, ma ancora all'interno delle virgolette. Questo indica al browser per impostare il DIV sopra altri oggetti nella pagina, permettendo così di galleggiare sopra il contenuto di altri.