【发布时间】：2017-10-23 16:45:40
【问题描述】：
我有这个 jsfiddle 我构建的演示
问题是鼠标到达视图框时已经触发了悬停效果。我希望只有当鼠标悬停在线路本身的路径上时才会发生这种情况
CSS 悬停样式：
svg:hover path#path-1{
stroke: orange !important;
}
线条是用插画家创建的。
【问题讨论】：
-
然后执行 #path-1:hover 但是中风很难击中。
-
谢谢，成功了！但是由于路径如此狭窄，有没有办法为此创建某种容器？
-
当然，创建一个相邻的兄弟路径，它是相同的，但具有更大的笔划并且是不可见的。当您将鼠标悬停在隐藏路径上时，更改可见路径上的笔触。
标签： html css svg adobe-illustrator