SVG图片无法在Chrome上加载（有时）

Question

嗨，我已经开始将我的许多网站的旧图像转换为SVG格式，但是我无法让它们显示在页面中。

如果我分别打开图像，然后在打开页面后查看页面，则图像会加载。SVG位于我所引用的正确文件路径中，但没有任何显示。尽管有些刷新，但它确实出现了。

<img class="padlock-img" src="content/img/cf/padlock.svg" alt="">
<img src="content/img/tips/progress.svg" alt="">
<img class="padlock-img" src="content/img/cf/padlock.svg" alt="">

这是我的一些例子

SVG之一的示例

尝试次数

1. 我曾尝试将src变成xlink:href，这完全阻止了图像的加载

2. 我已经在其他3个浏览器上对此进行了测试，并且图像加载仅在chrome在localhost和file：//上发生

有想法该怎么解决这个吗？

Answer 1

在Chrome中使用SVG时，您需要确保根标记已 xmlns="http://www.w3.org/2000/svg"

编辑

我还没有找到问题，但是一种选择是

<object data="yours.svg" type="image/svg+xml"></object>

这似乎可以解决所有浏览器的问题。