Javascript 悬停时缩放svg地图区域

我有一张svg地图。我需要做下一件事： 当我在某个区域上悬停时，它需要缩放。但我有一个问题，在悬停区域下方仍然可以看到一些路径。将鼠标悬停在底部中心区域时可以看到它。 尝试在css样式中使用z索引，但后来发现它不起作用。 我可以自由使用任何东西，让它发挥作用 （提前感谢）

添加此样式

path:hover {
  transform: scale(1.2);
}

---

你能详细说明一下这是如何解决问题的吗？老实说，我真的不知道问题是什么，所以我不知道你是如何改进它的。当它在你的笔中悬停时，该部分没有放大。你想放大悬停画面上的每个部分吗？

path:hover {
  transform: scale(1.2);
}