浮動谷歌地圖的div，同時保持自舉響應

Question

我試圖在谷歌地圖上放置一個引導容器。

參照：How to float a div over Google Maps?

我已經成功地重疊在用上述方法谷歌地圖一個div。但是，它通過在相對定位的包裝中使用絕對定位來實現這一點。這意味着疊加層沒有響應。有沒有一種方法可以覆蓋谷歌地圖上的響應式引導類？謝謝。

Answer 1

地圖可以絕對定位，並且容器可以在地圖上相對定位。

<div id="content"> 
<div id="gmap"></div> 
<div class="container overlap"></div> 
</div> 

#gmap {position:absolute;top:0;left:0;} 
.overlap {position:relative} 

在這裏看到一個筆： http://codepen.io/anon/pen/sojbd