您好我在我的网站上使用谷歌地图。我希望使用图像给它一个叠加，同时保持地图可移动（用户可以拖动和缩放）
到目前为止我做了什么：
我创建了地图，然后我使用了伪造的:before元素来调用我想成为叠加层的图像。
我将此伪装元素叠加设置为填充整个地图，并使用z-index将其置于顶部。
它看起来很好，但由于psuedo元素叠加层位于地图的顶部，因此地图的控件不起作用。
是否可以将叠加层保留在地图顶部，同时保留地图的所有功能？
这是JS小提琴链接：
谢谢！
答案 0 :(得分：2)
对于仅限CSS的解决方案，您可以使用
pointer-events: none;
在叠加层上。
https://jsfiddle.net/s69qnkcn/1/
仅适用于现代浏览器，IE11及以上版本：http://caniuse.com/#search=pointer-events