Php 如何在SVG上覆盖地图？

我正在使用bootstrap开发一个Laravel应用程序，我有以下问题：

我需要在卡的顶部从后到前放置3个不同的层：

• jpg响应图像，适合卡宽

• svg代码（它不能是svg图像，因为它是动态的，每次用户修改信息时都必须更改）

• 带有坐标的地图，用户必须能够单击坐标。这些坐标系指背景jpg

问题是我无法在svg上单击坐标，所以我尝试将带有地图的透明图像放在svg的顶部。然后您可以在区域中单击，但它没有响应，并且地图不适合jpg大小

我希望我正确地解释了我的情况

---

谢谢

如果我做对了，我建议将所有内容都放在一个svg中。图像可以包含在

标记中，也支持文本。一个好处是，图形只有一个坐标空间。浏览器将执行所有缩放等操作，因此您只需了解»本地svg坐标空间«

但是顺便说一下，可能是这个css：

svg {
  pointer-events: none;
}

---

将完成您需要的…

此css完美地解决了我的问题！非常感谢你，我没想到会这么容易！