我正在尝试将 background-image css 属性设置为编码数据 URI 内容，如图所示 in this fiddle
对于我测试的所有浏览器，它都按预期工作。唯一不显示内容的浏览器是 IE 9/10。
但是我有 another example适用于 IE 9/10。这里的区别在于数据 URI 内容最初是在 Chrome 中创建的(由 Raphaël)，然后在示例中使用。
如果 SVG 是在 IE 中创建的(如 Raphaël 的第一个 fiddle )本身，如果将其用作 background-image 数据则不会显示。
IE 的问题出在哪里？它与我的代码有关，还是 Raphaël SVG 绘画中出现问题？
最佳答案
看起来最跨浏览器兼容的方法(也是让 IE 将 SVG 显示为 CSS 背景的唯一方法)是像在第一个 fiddle 中那样对 SVG 进行 base64 编码(也称为 dataURI) .
我发现本文底部的评论讨论很有帮助
关于css - 内联 SVG 在 IE 中不能用作背景图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17269613/