在悬停时缩放svg地图区域

Question

我有一张svg地图。我需要做下一件事： 当我在一个区域上空盘旋时，需要进行缩放。但是我有一个问题，在悬停区域下方仍然可以看到一些路径。当您悬停在底部中心区域时，您可以看到它。 试图在CSS样式中使用z-index，但后来发现它不会起作用。 我可以随意使用任何东西，让它发挥作用 在此先感谢）

[codepen]https://codepen.io/chegonenko/pen/gmoWWy

Answer 1

添加此款式

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