svg 虚线仅当鼠标悬停在路径上时才悬停

Question

我有这个 jsfiddle 我制作的演示

问题是当鼠标到达视图框时悬停效果已经触发。我希望只有当鼠标位于线路本身的路径上时才会发生这种情况

CSS 悬停样式：

svg:hover path#path-1{
   stroke: orange !important;
 }

这条线是用 illustrator 创建的。

Answer 1

尝试直接使用它，我测试过它会起作用

#path-1:hover{
   stroke: orange !important;
 }

线太窄悬停不会直接工作你必须仔细检查。

Updated Fiddle