おそらく単なる構文エラーですが、この種の使用法に関する完全なリファレンスは見つかりません。Chrome が私のバックグラウンド プロパティを上書きしているので、明らかに気分を害しました。
赤いボックス (svg css 背景) にあるものを、html のインライン svg のようにレンダリングしたいと考えています。シンプルですね。
できないなんて言わないで!私のインスピレーションはこれです: http://jsfiddle.net/estelle/SJjJb/
おそらく単なる構文エラーですが、この種の使用法に関する完全なリファレンスは見つかりません。Chrome が私のバックグラウンド プロパティを上書きしているので、明らかに気分を害しました。
赤いボックス (svg css 背景) にあるものを、html のインライン svg のようにレンダリングしたいと考えています。シンプルですね。
できないなんて言わないで!私のインスピレーションはこれです: http://jsfiddle.net/estelle/SJjJb/
url() 構文で「#」文字をエスケープしていません。そして、それは「viewbox」ではなく「viewBox」です。
http://jsfiddle.net/YbA39/3/ (簡単なurlescaped文字列) が機能します。
宣言の改行がそれを壊していました。すべての改行を削除すると、base64 または URI エンコーディングが必要な IE 以外のすべてで修正されます。