Javascript 如何单击堆叠svg图像的部分

我使用几个svg文件构建了一个图像，这样我就可以控制图像的部分交换和颜色更改

我现在想知道为什么除了顶部的svg项目外，我不能用鼠标单击任何东西。我以为是因为我的图像太大了，但我已经纠正了。图像是使用嵌入标记放置的，我还尝试更改嵌入高度和宽度属性

我能这样做吗？或者我应该寻找一个不同的解决方案

**编辑**

---

我添加了代码，但删除了它，因为提供帮助的人没有使用它，也没有为解决方案做出贡献。

我采用的解决方案是使用清晰的覆盖图像和图像贴图

详情请参阅:；

---

请向我们展示代码，以便我们了解您在做什么。检查您的web浏览器上的DOM inspector 10比1的几率说，虽然您的图像可能是一个圆形，但嵌入元素是一个正方形。也可能是，在分层时，如果形状填充了颜色，则鼠标单击寄存器中填充的形状“在顶部”不会与下面的形状连接。如果你还没有试过的话，也许值得一试。我同意Robert的观点，让我们看看你的代码，让我们深入了解一下。@Robert我仍然掌握着这个论坛的窍门，几天前我在这里发布了一些代码供你查看，但没有发表这样的评论。可能是它被忽视的原因？