的OpenLayers - HTML DIV覆蓋

Question

我使用的OpenLayers顯示標準的HTML網頁上的地圖，我想創建一個在地圖上面的一個div中。然而，div似乎總是被地圖圖塊遮擋。

我相信有辦法元素添加到地圖本身，但在這種情況下，是不是一種可行的選擇，因爲在div將有可能部分地浮在地圖上，並部分超過其他網頁元素。

<div id="maphost" style="width: 100%; height: 100%" /> 
<div id="overlay" /> 

這是基本的HTML。爲了使這成爲可能，我需要將哪些CSS值添加到DIV中？

Answer 1

添加的z-index

<div id="maphost" style="width:100%; height:100%; z-index: 0"></div> 
<div id="overlay" style="z-index:9999"></div> 

Answer 2

這樣做的另一個內部方法是使用這個CSS：

div.olMapViewport { 
    z-index: 0; 
}