xlink:"使用"的href属性svg里面的标签有时会在IE11中停止工作

时间:2016-06-29 15:28:05

标签: html svg

在我们的代码中,我们使用的结构如下:

<svg><use xlink:href="#undo"></use></svg>

其中&#34;#撤消&#34;是

<svg>
    <symbol id="undo" viewBox="4 -4 24 24"><path d="M18 1c-2.6 0-4.7.7-7 3L8 1l-1 9 9-1-3-3s2-2 5-2c2.6 0 4.2 1.6 4 5-.1 1.9-.8 3.3-1 4l2 2s2-3 2-7c0-4.3-3-7-7-7z"/></symbol>
</svg>

在同一份文件中。

这几乎适用于所有浏览器。但由于某些原因,它仅在IE11中进行了一些DOM操作(deattaching和附加)后停止工作。有人可以解释为什么会这样吗?

不幸的是,我们还没有设法在小的孤立样本中重现它。可能有人可以指导我 - 在哪里寻找,要检查的属性或其他东西。任何帮助高度赞赏。

更新1

一些澄清:在我的情况下svg图标只是消失,尽管svg元素仍在DOM中并且可见,但图标内容仍然不可见。我还没有讲过鼠标事件。

我已经尝试了

<svg><use xlink:href="#undo" style="pointer-events: none;"></use></svg>

正如@Robert Londson所建议的那样(在Click events stop working after replacing attribute of <use> element in <svg> (Win7/IE11)帖子中),但这并没有帮助。

0 个答案:

没有答案