css - 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 字符串)。