我有多个共享相同模式的svg图像。模式是通过<image xlink:href="data:image/png;base64,..."/>嵌入的光栅PNG图像。我试图通过将这种模式保存到同一服务器上的单独文件并通过url对其进行优化，以对其进行优化。当我在浏览器中通过URL打开SVG时，它可以完美地工作，但是当我尝试使用与background-image相同的SVG时，它将无法加载图像，并且没有错误消息，并且在网络面板中没有失败的请求。
Here是一个小例子。我无法将svg文件添加到jsfiddle中，因此我添加了一个base64编码的svg并引用了外部图像，但是它仍然起作用：如果我在新标签页中打开该base64网址，它将开始工作。
有什么方法可以在用作CSS背景的多个SVG文件中重用同一资源？