仅当鼠标位于路径上时,svg虚线才会悬停

时间:2017-10-23 08:34:58

标签: html css svg adobe-illustrator

我已经建立了这个jsfiddle演示

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

CSS悬停样式:

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

这条线是用插画家创建的。

1 个答案:

答案 0 :(得分:0)

尝试直接使用它,它将工作我测试它

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

线是如此狭窄的悬停不会直接工作你必须仔细检查。

Updated Fiddle