OpenLayers - superposición HTML DIV

Question

Estoy usando OpenLayers para mostrar un mapa en una página HTML estándar, y quiero crear un div que se encuentra en la parte superior del mapa. Sin embargo, el div siempre parece estar oscurecido por los mosaicos del mapa.

Creo que hay una manera de agregar elementos al mapa en sí, pero en este caso esa no es una opción viable ya que el div potencialmente flotará parcialmente sobre el mapa, y parcialmente sobre otros elementos de la página.

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

Ese es el HTML básico. ¿Qué valores de CSS debo agregar a DIV para que esto sea posible?

Answer 1

añadir un índice z

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

Answer 2

Otro método interno para hacerlo es utilizar este CSS:

div.olMapViewport { 
    z-index: 0; 
}