javascript - 无法查看标题/信息窗口

Question

我已经实现了 Google map ，并带有一些样式。但是，当我单击标记时，InfoView 未显示，我想这是因为样式，因为我在它前面有另一个 div，如下所示

<div id="map">  </div>
<div id="background"></div>
#map {
  height: 100%;
}
#background{
    background: -webkit-radial-gradient(center, ellipse cover, transparent 20%, #0e1626 60%, #0e1626 100%);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
}

有人可以告诉我如何克服这个问题吗？

这是JSFiddle

Answer 1

将 pointer-events: none; 添加到 #background 中，使其不接收悬停/单击事件，以便您可以悬停并单击其后面的任何内容，即 map 标记。

浏览器对pointer-events: none;的支持很好:https://caniuse.com/#feat=pointer-events

更新了 JSFiddle:https://jsfiddle.net/m2x8j2hn/