我嘗試在不使用 controlDiv 的情況下使用 z-index 在谷歌地圖中添加資料。
我有這個 html：
<div #multimap style="width:100%;height:100%;">
</div>
<div style="z-index: -1;">
<img src="../../../assets/warning-icons/driver/devicetheft.png" class="warning-images">
<p>0</p>
</div>
第一個 div 參考谷歌地圖，第二個 div 包含影像和數字 0。
我嘗試在谷歌地圖中添加這個影像和數字。
我的嘗試：
<div style="z-index: -1;">
<img src="../../../assets/warning-icons/driver/devicetheft.png" class="warning-images">
<p>0</p>
</div>
z-index= -1
<div style="z-index: 2;">
<img src="../../../assets/warning-icons/driver/devicetheft.png" class="warning-images">
<p>0</p>
</div>
但沒有任何作用！
可以將 z-index 與谷歌地圖一起使用嗎？
uj5u.com熱心網友回復：
您無需觸摸 z-index 即可將元素放置在 google 地圖 iframe 的頂部。
您想要的是將樣式添加到您的第二個 div：
position: absolute;
top: 0;
left: 0;
然后您可以使用頂部/左側樣式來根據需要定位您的 div。考慮將您的塊包裝在另一個具有絕對定位的 div 中，以使您的位置調整可預測且直接。
祝你好運??
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/358482.html
標籤：javascript html 谷歌地图 z-索引
上一篇：當我單擊外部時，Bootstrap5靜態模態仍然關閉
下一篇：太大時如何使彈性專案對齊列