OpenLayers - lớp phủ HTML DIV

Question

Tôi đang sử dụng OpenLayers để hiển thị bản đồ trên trang HTML chuẩn và tôi muốn tạo một div nằm trên đầu bản đồ. Tuy nhiên, div luôn bị che khuất bởi các ô bản đồ.

Tôi tin rằng có một cách để thêm các yếu tố vào bản đồ, nhưng trong trường hợp này không phải là một lựa chọn khả thi vì div sẽ có khả năng trôi nổi một phần trên bản đồ và một phần trên các phần tử trang khác.

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

Đó là HTML cơ bản. Tôi cần thêm giá trị CSS nào cho DIV để làm điều này có thể?

Answer 1

thêm một z-index

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

Answer 2

Một phương pháp nội bộ để thực hiện điều đó là sử dụng css này:

div.olMapViewport { 
    z-index: 0; 
}