css - 内联 SVG 在 IE 中不能用作背景图像

Question

我正在尝试将background-imagecss 属性设置为编码数据 URI 内容，如此小提琴中所示

它适用于我测试的所有浏览器。唯一不显示内容的浏览器是 IE 9/10。

但我有另一个适用于 IE 9/10 的示例。这里的区别在于数据 URI 内容最初是在 Chrome 中创建的（由 Raphaël），然后在示例中使用。

如果 SVG 是在 IE 中创建的（如 Raphaël 的第一把小提琴），它本身不会在用作background-image数据时显示。

IE的问题在哪里？它是否与我的代码有关，或者 Raphaël SVG 绘画中可能出现问题？

score 5 · Accepted Answer

看起来最跨浏览器兼容的方法（也是让 IE 将 SVG 显示为 CSS 背景的唯一方法）是像您在第一个小提琴中所做的那样对 SVG 进行 base64 编码（又名 dataURI）。

我发现本文底部的评论讨论很有帮助

1 回答 1