SVG操作与jsfiddle不兼容，不在浏览器/ localhost（SVG）中

Question

即使我的鼠标位于SVG的透明部分，我也试图在SVG文件上创建悬停效果。截至目前，只有在悬停形状时才会激活该动作。我试过了

INotifyPropertyChanged

没有任何运气（php风暴甚至不识别该值）也尝试了值 all 和其他人。奇怪的是它可以在jsfiddle中工作，但不能在localhost中工作。

谷歌搜索疯狂，希望有人有解决方案！

Answer 1

只需在SVG上设置pointer-events: none，然后对父<div>进行悬停测试。

div {
  width: 200px;
  height: 200px;
}

div:hover svg circle {
  fill: blue;
}

<div>
  <svg width="200px" height="200px" pointer-events="none">
    <circle cx="100" cy="100" r="95" fill="red"/>
  </svg>
</div>