我正在使用Bootstrap开发Laravel应用，但遇到以下问题：
我需要从背面到正面将卡放在3个不同的层中：
一个jpg响应图像，适合卡片宽度。
svg代码（它不能是svg图像，因为它是动态的，每次用户修改信息时都必须更改）。
包含坐标的地图，用户必须能够单击它们。这些坐标称为背景jpg。
问题是我无法在svg上单击坐标，因此我尝试将透明图像与地图放置在svg上方。然后，您可以单击区域，但是它没有响应，并且地图不适合jpg大小。
我希望我已经正确解释了我的情况。
谢谢！
答案 0 :(得分：0)
如果我做对了，我建议将所有内容放到一个svg中。图像可以包含<image>标签，也支持文本。好处之一是，图形只有一个坐标空间。浏览器会执行所有缩放操作，因此，您需要做的是»本地svg坐标空间«。
但是，顺便说一下，这个css：
svg {
pointer-events: none;
}
将满足您的需求……