SVG作为数据URI无法呈现

Question

这可能只是一个语法错误，但我找不到关于这种用法的任何详尽的参考。 Chrome正在超越我的背景属性，所以我显然冒犯了一些东西。

http://jsfiddle.net/YbA39/2/

我希望红色框（svg css背景）中的内容像html中的内联svg一样呈现。简单，对吧？

不要说它无法完成！我的灵感是：http://jsfiddle.net/estelle/SJjJb/

Answer 1

您没有在url（）语法中转义'＃'字符。它的'viewBox'不是'viewbox'。

这是有用的东西：http://jsfiddle.net/YbA39/3/（只是一个快速的urlescaped字符串）。

Answer 2

声明中的新行打破了它。删除所有换行符除了IE之外的所有换行符都需要使用base64或URI编码：

http://jsfiddle.net/YbA39/4/