为什么我的悬停只能处理某些多边形/路径边缘?

时间:2016-04-20 12:16:53

标签: html css svg

我有一个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始终有效?

0 个答案:

没有答案