Html 为什么可以'；我不能在svg路径上添加边框吗？

我有一个

svg

在

悬停

上突出显示我的

路径

。这是我的

svg

<svg version="1.1" x="0px" y="0px" viewBox="0 0 2986 886" enable-background="new 0 0 2986 886">
  <image display="block" overflow="visible" width="2986" height="886" xlink:href="/A-1.jpg">
  </image>
  <path fill="none" stroke="#000000" strokeWidth="0.25" stroke-miterlimit="10" points="2781.5,905 2986,905 2986,865.6
    2842.7,634.6 2635.2,601.1 " id="1"></path>
   ....
</svg>

---

当我

悬停时

，我的

路径

将更改为正确的颜色，但我没有得到

边框

。我误解了什么？

对于

SVG

，请使用

stroke

属性而不是

border

---

编辑：正如问题负责人在评论中指出的那样，

笔划不透明度：1

以及

笔划

和

笔划宽度

都是必需的

对于

SVG

，请使用

stroke

属性，而不是

border

---

编辑：正如问题负责人在评论中指出的那样，

笔划不透明度：1

以及

笔划

和

笔划宽度

都是必需的

我将其更改为

笔划

，并添加了

笔划宽度：5px

，但仍然没有发生任何事情。我将其更改为

笔划

，添加了

笔划宽度

和

笔划不透明度：1

，但它起了作用。不确定你们在这里谈论的是什么<代码>笔划不透明度：1本不需要。它默认为

1

，您在任何地方都不会更改它。上面的SVG还有一系列其他问题：OP本应该是

的，但却有

；当他们应该使用笔划时，使用了

边框

；使用

笔划宽度

代替

笔划宽度

，并且笔划宽度的值与viewBox的大小相比非常小。如果你解决了所有这些问题，一切正常：我将其更改为

笔划

，并添加了一个

笔划宽度：5px

，但仍然没有发生任何事情。我将其更改为

笔划

，添加了一个

笔划宽度

和

笔划不透明度：1

，这一切正常。不确定你们在这里谈论的是什么<代码>笔划不透明度：1本不需要。它默认为

1

，您在任何地方都不会更改它。上面的SVG还有一系列其他问题：OP本应该是

的，但却有

；当他们应该使用笔划时，使用了

边框

；使用

笔划宽度

代替

笔划宽度

，并且笔划宽度的值与viewBox的大小相比非常小。如果您解决了所有这些问题，一切都会很好：

svg path{
  fill:none;
  pointer-events:all;
}

svg path:hover {
    fill:  rgba(73,143,226,0.80);
    border: 5px solid #31C6FF;
}

svg rect:hover {
    fill:  rgba(73,143,226,0.80);
    border: 5px solid #31C6FF;
}

svg polygon:hover {
    fill:  rgba(73,143,226,0.80);
    border: 5px solid #31C6FF;
}