Come Float un Div Negli altro per mascherare il fondo Div

July 9

La proprietà Cascading Style Sheets assoluto consente di impostare manualmente la posizione di un tag div, invece di basarsi sulla localizzazione browser Web predefinito. È possibile utilizzare uno div per sovrapporre un'altra, che nasconde il div in fondo alla pila. Quando si imposta un solido background per il div in alto, il div superiore nasconde completamente il div trova nella parte inferiore. È possibile impostare questo layout utilizzando gli stili CSS.

istruzione

1 Fare clic sul file HTML che si desidera modificare, quindi fare clic su "Apri con". Clicca l'editor HTML nel menu del programma.

2 Impostare le classi CSS per entrambi i tag div. Il codice seguente inserisce due tag div in alto a sinistra, e la seconda classe imposta la div superiore con un colore di sfondo solido, nero:

div.bottom {

position: absolute;

top: 10;

a sinistra: 10;

width: 100px;

altezza: 100px;

background-color: #FFFFFF;

}

div.top {

position: absolute;

top: 10;

a sinistra: 10;

width: 100px;

altezza: 100px;

background-color: # 000000;

}

Si noti ciascuna delle classi div sono gli stessi tranne che per il colore di sfondo, in modo che il div superiore nasconde tutto il contenuto nel div fondo.

3 Creare i div in codice HTML. È possibile definire il tag div fondo prima, indicare la div superiore. Il codice seguente mostra come impostare i due div:

<Div class = "bottom"> contenuti nascosti </ div>

<Div class = "top"> Sovrapposizione div </ div>