/ / Wie man Overlay div in Fundament 4 - zurb-foundation macht

Wie man Overlay div in Fundament 4 - zurb-foundation macht

Manchmal, wenn Sie eine Website überprüfen, können Sie halbtransparentes div finden, das über einem anderen div (oder Bild) hängt. Wie auf einer Sportwebseite legen sie eine Sportpunktzahl über ein Bild.

Kann ich dies auch mit Foundation 4 erreichen?

Das Beispiel sieht wie die Unterseite der JS-Komponente Orbit aus, wo Sie ein halbschwarzes Div mit Wörtern oben sehen können, während Sie gleichzeitig das Bild sehen können.

http://foundation.zurb.com/docs/components/orbit.html

Antworten:

0 für die Antwort № 1

Sie können diesen Effekt kaufen mit kaufen relativ und absolut Positionierung in CSS. Hier ist ein Beispiel:

http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex

div transparent überprüfen:

Transparenter Hintergrund auf DIV