/ / Como fazer overlay div na fundação 4 - zurb-foundation

Como fazer overlay div na fundação 4 - zurb-foundation

Às vezes, quando você verifica um site, você pode encontrar div semi-transparente pendurado acima de outro div (ou imagem). Como em um site de esportes, eles colocam um painel de pontuação esportiva sobre uma imagem.

Também posso conseguir isso usando a Foundation 4?

O exemplo apenas se parece com o fundo do Orbit do componente JS, onde você pode ver um div meio preto com as palavras no topo, enquanto ao mesmo tempo é capaz de ver a imagem.

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

Respostas:

0 para resposta № 1

Você pode conseguir este efeito comprar usando relativo e absoluto posicionamento em css. Aqui está um exemplo:

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

fazer div transparente cheque:

Fundo transparente em DIV