html - 在 HERE map 上设置 block

Question

我尝试用带有 HERE map 的网页做这样的事情

灰色 block 是应该放置 map 的 block (我在 wifi 关闭时这样做了)。html代码是:

<div id="map" style="position:absolute; width:100%; height:100%; background:grey;z-index:0">
    <div style="position:absolute;">
        <div class="forbut">
            <button onclick="myFunction()" class="btn-danger">edf</button>
        </div>
        <div id="list" style=" width:100px; left:0;  background-color: red; z-index:1">

        </div>
        <div style="position:absolute; left:600px;top:0">
            <div class="forbut1">
                <button onclick="myFunction1()" class="btn-danger">edf</button>
            </div>
            <div id="list1" style=" width:100px; left:600px;  background-color: red; z-index:1">

            </div>
        </div>


    </div>
</div>

但是当 wifi 打开时，带有按钮的 block 会消失，无论这些 block 的 'z-index' 值是否大于 map-container 如何让带按钮的方 block 在 map 上？

Answer 1

我不完全清楚你试图实现什么，但从我的 Angular 来看，将 z-index 添加到父 div 的第一个子容器就足够了。尽管如此，我一般建议不要向传递给 map 的容器添加任何内容。有两种选择，要么在 id=“map” 的 div 的父级容器中构建 UI，要么使用库 UI 模块并使用它构建自定义按钮。