Question

需要在<span>和SVG之间添加<a>，以便javascript可以从另一个文件中内联调用SVG。一切正常，但不是在IE中，我错过了什么吗？（在IE中进行测试时，它甚至不知道这是一个链接，没有可点击的内容，并且我也具有悬停效果，但在IE中没有任何显示。）在javascript加载了内联SVG之后，整理了最终的代码示例一起。

.icon svg{
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin: 0;
  stroke-width: 1.5;
  stroke-linecap: round;
}

.icon-black svg{
 stroke: #1A1A1A;
 }

<a href="#">
<span class="icon icon-black" id="icon-arrow">
<svg id="icon-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linejoin="arcs"><path d="M12 19V6M5 12l7-7 7 7"/>
</svg>
</span>
</a>

Answer 1

仅注意到，我错过了将<span>设置为显示：inline-block;

链接内的SVG跨度在IE中不起作用

1 个答案: