/ / Come creare un overlay div in foundation 4 - zurb-foundation

Come creare un overlay div in foundation 4 - zurb-foundation

A volte, quando controlli un sito web, puoi trovare div semitrasparente sospeso sopra un altro div (o immagine). Come in un sito di sport, mettono un pannello di punteggio sportivo su un'immagine.

Posso ottenere questo risultato anche con Foundation 4?

L'esempio assomiglia al basso del componente Orbit di JS, dove puoi vedere un div mezzo nero con le parole in alto, mentre allo stesso tempo puoi vedere l'immagine.

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

risposte:

0 per risposta № 1

È possibile ottenere questo effetto acquistare utilizzando parente e assoluto posizionamento in css. Ecco un esempio:

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

per fare un controllo trasparente div:

Sfondo trasparente su DIV