我在谷歌地图顶部有一个手抠图覆盖的 PNG 图像,如此处所示。
我如何做到这一点,以便当我的鼠标悬停在手部切口上时我可以单击并拖动地图。起初我以为手剪是空心的,但事实并非如此。有什么想法或解决方案可以解决这个问题吗?
我在谷歌地图顶部有一个手抠图覆盖的 PNG 图像,如此处所示。
我如何做到这一点,以便当我的鼠标悬停在手部切口上时我可以单击并拖动地图。起初我以为手剪是空心的,但事实并非如此。有什么想法或解决方案可以解决这个问题吗?
尝试应用于pointer-events: none;
PNG图像。这是来自 Tutsplus 的很棒的教程
- 带有 png 掩码的谷歌地图。注意:请参阅支持的浏览器列表以了解pointer-events
属性。