我有一个svg
我希望在path/polygon
上突出显示hover
。这是我的html
:
svg {
border: 1px solid #c00;
}
svg polygon:hover {
fill: rgba(73,143,226,0.80);
}
<svg version="1.1" x="0px" y="0px" viewBox="0 0 2986 886" enable-background="new 0 0 2986 886">
<polygon fill="none" stroke="#000000" strokeWidth="0.25" stroke-miterlimit="10" points="2289.1,543.6 2632.4,599 2546.8,421.2
2183.8,302.3 " id="15"></polygon>
<polygon fill="none" stroke="#000000" strokeWidth="0.25" stroke-miterlimit="10" points="2182.9,300.3 2545.8,419.2 2426,170.2
2148.2,0 2035.7,-1 " id="22"></polygon>
...
...
</svg>
在第一个polygon
上,hover fill
添加hover
。在第二个polygon
上,我必须沿polygon
的边缘运行鼠标才能使hover
生效。我该怎么做才能使hover
始终有效?