Javascript 在OpenLayers地图的底部添加绝对定位的DIV？

我试图在地图顶部的OpenLayers地图的右下角放置一个静态图像图例。我试过使用绝对定位的DIV，但它往往会被其他对象碰撞（即使使用高z索引）

---

有没有办法使用OpenLayers API来实现这一点？我注意到OpenMap有一个Layer.ScreenOverlay方法（），这正是我所需要的，但在我能找到的OpenLayers中没有这样的方法。

它应该能够绝对地将一个div定位在z索引更高的map div中（例如10000）

考虑以下html和CSS代码：

<div id="map" style="height:100%">
    <div id="legend"></div>
</div>

#legend{
    position:absolute; 
    right:10px; 
    bottom:10px; 
    z-index:10000; 
    width:100px; 
    height:100px; 
    background-color:#FFFFFF;
}

#传奇{
位置：绝对位置；
右：10px；
底部：10px；
z指数：10000；
宽度：100px；
高度：100px；
背景色：#FFFFFF；
}

我遇到了一个类似的问题，我想在OpenLayers地图上放置一个静态图像图例。我的解决方案是使用attribute元素（查看页面源代码）

您可以将属性更改为图像而不是文本：

'attribution': "<img src='myimage.jpg'/>"

---

这就是我最初所做的，图例覆盖图从地图右下角向下撞了大概200像素。将top设置为0px也远远高于#map div的顶部。几乎就好像它将到达div后面的平铺隐藏区域的顶部或其他什么。那么，页面上一定有其他东西影响布局。发布您的标记，以便我们能够找到问题。您提供的链接现在无效

    div.olControlAttribution {
        left:10em;
        top:10em;
    }