Wie man ein Div übereinander, das unteren Div zu verschleiern schweben

January 27

Die absolute Cascading Style Sheets-Eigenschaft können Sie die Position eines Div-Tags anstatt auf den Standardspeicherort für Web-Browser manuell einrichten. Ein Div können, überlagert, die Div am unteren Rand der Stapel verbirgt. Wenn Sie einen einfarbigen Hintergrund für die obersten Div einrichten, blendet das oberste Div komplett Div am unteren Rand. Sie können dieses Layout mit CSS-Stilen einrichten.

Anweisungen

1 Maustaste auf die HTML-Datei, die Sie bearbeiten möchten, und klicken Sie auf "Öffnen mit". Klicken Sie in des HTML-Editors im Menü Programms.

2 Richten Sie die CSS-Klassen für beide Div-Tags. Der folgende Code stellt zwei Div-Tags in der oberen linken Ecke, und die zweite Klasse richtet der obersten Div mit einer festen, schwarze Hintergrundfarbe:

{div.Bottom}

Position: absolute;

oben: 10;

Links: 10;

Breite: 100px;

Höhe: 100px;

Hintergrundfarbe: #FFFFFF;

}

{div.Top}

Position: absolute;

oben: 10;

Links: 10;

Breite: 100px;

Höhe: 100px;

Hintergrundfarbe: #000000;

}

Jede Bekanntmachung über die Div-Klassen sind identisch bis auf die Hintergrundfarbe, daher das oberste Div blendet alle Inhalte in der unteren div.

3 Erstellen Sie die Divs in Ihrem HTML-Code. Sie definieren zuerst das unten-Div-Tag, dann definieren Sie den obersten DIV. Der folgende Code veranschaulicht die zwei Divs eingerichtet:

< Div Class = "unten" > versteckte Inhalte < / Div >

< Div Class = "top" > Overlay-Div < / Div >