How to float a div over Google Maps

Question

I have a div that displays a Google map   How do I make another div float over the map div

User · Answer

Just set the position of the div and you may have to set the z-index.

ex.

div#map-div {
    position: absolute;
    left: 10px;
    top: 10px;
}
div#cover-div {
    position:absolute;
    left:10px;
    top: 10px;
    z-index:3;
}

User · Answer

absolute positioning is evil    this solution doesn t take into account window size  If you resize the browser window  your div will be out of place

User · Answer

Try this    lt style gt      wrapper   position  relative        over map   position  absolute  top  10px  left  10px  z-index  99     lt  style gt    lt div id  wrapper  gt      lt div id  google map  gt       lt  div gt       lt div id  over map  gt       lt  div gt   lt  div gt

User · Answer

floating-panel     position  absolute    top  10px    left  25     z-index  5    background-color   fff    padding  5px    border  1px solid  999    text-align  center    font-family   Roboto   sans-serif     line-height  30px    padding-left  10px      Just need to move the map below this box  Work to me   From Google

[html] How to float a div over Google Maps?

Examples related to html

Examples related to css

Examples related to google-maps