Как плавать div над Google Maps? У меня есть div, который отображает карту Google. Как сделать другой плагин div над картой div? Ответ 1 Попробуйте следующее: <style> #wrapper { position: relative; } #over_map { position: absolute; top: 10px; left: 10px; z-index: 99; } </style> <div id="wrapper"> <div id="google_map"> </div> <div id="over_map"> </div> </div> Ответ 2 #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; } Просто переместите карту под этим окном. Работайте со мной. От Google Ответ 3 Просто установите положение div, и вам, возможно, придется установить z-index. ех. div#map-div { position: absolute; left: 10px; top: 10px; } div#cover-div { position:absolute; left:10px; top: 10px; z-index:3; } Ответ 4 абсолютное позиционирование - зло... это решение не учитывает размер окна. Если вы измените размер окна браузера, ваш div будет неуместным!
Ответ 1 Попробуйте следующее: <style> #wrapper { position: relative; } #over_map { position: absolute; top: 10px; left: 10px; z-index: 99; } </style> <div id="wrapper"> <div id="google_map"> </div> <div id="over_map"> </div> </div>
Ответ 2 #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; } Просто переместите карту под этим окном. Работайте со мной. От Google
Ответ 3 Просто установите положение div, и вам, возможно, придется установить z-index. ех. div#map-div { position: absolute; left: 10px; top: 10px; } div#cover-div { position:absolute; left:10px; top: 10px; z-index:3; }
Ответ 4 абсолютное позиционирование - зло... это решение не учитывает размер окна. Если вы измените размер окна браузера, ваш div будет неуместным!