Tenho a seguinte estrutura html:
<body>
<div id="gmap"></div>
<footer>
//conteudo do footer
</footer>
</body>
Quero colocar a div gmaps ocupando toda a tela e o footer flutuando sobre ela, atualmente esta assim:
Css atual esta:
#gmap{
z-index: 1;
width:100%;
height:80vh;
}
footer{
z-index: 2;
}
#gmap
?