无法查看标题/信息窗口

Question

我实现了一个谷歌地图，带有一些样式。但是当我点击标记时，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 使其不接收悬停/单击事件，以便您可以悬停并单击其后面的任何内容，即地图标记。

pointer-events: none;的浏览器支持不错：https://caniuse.com/#feat=pointer-events

更新的 JSFiddle：https://jsfiddle.net/m2x8j2hn/