带有线（或路径）的 SVG 使用stroke-dasharray当用户将鼠标悬停在虚线的实心部分上时，似乎只会触发 CSS 和 JS 悬停事件：https://codepen.io/anon/pen/YeXoZy https://codepen.io/anon/pen/YeXoZy
有没有一种简单的方法可以让 JS 和 CSS 事件在悬停线条的实心或不可见部分时触发？
我当前的计划是沿着相同的路径绘制第二条不可见的线，并用它来检测鼠标事件。https://codepen.io/anon/pen/BYNgRR https://codepen.io/anon/pen/BYNgRR这似乎很严厉，我希望有一种更干净的方式我错过了。
我不确定如何在没有第二条“检测器”线的情况下做到这一点，但在没有 JS 的情况下，至少可以采用一种不太繁重的方法。
切换线的顺序，然后您可以像往常一样使用悬停选择器来选择虚线，然后使用+在检测器行的选择器中更改紧随其后的行的属性：
https://codepen.io/RyanGoree/pen/LQVKBV https://codepen.io/RyanGoree/pen/LQVKBV
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
