css - #map-canvas 的 child 可以在 map 前面吗？

Question

我正在尝试在 map 前面获取一个 div，它是 #map-canvas 的子元素。

起初，我将父级的名称更改为#maps-canvas，这样 map 就不会再出现了。

我更改了不同的 CSS 参数并且效果很好。然后我将 div 改回#map-canvas(我还更改了我的 CSS 文件中的 id)，这样 map 就会再次出现。有趣的是，子 div 消失了。然后我加了一个z-index(child: 100, parent: 1)，还是没有变化。

代码如下:

HTML <div id="map-canvas">
<div id="TEXT13"></div>
</div>

CSS #map-canvas
width:100%;
height:93%;
top:7%;
z-index:1;

CSS#TEXT13

top: 70%;
left:40%;
height: 30%;
width: 20%;
background-color: blue;
border: 1px solid black;
position:relative;
z-index: 900;

是我做错了什么还是 Google 代码阻止了 div 位于 map 前面？

Answer 1

“您不能将元素放置在 Canvas 内(并且都显示)；它们仅在浏览器不理解 Canvas 元素时显示。”

Placing a <div> within a <canvas>

您必须实现类似于安迪的答案才能获得相同的效果。 (绝对定位)