SVGを背景画像に使う場合の注意点

現在の背景画像のようにSVGを背景画像にする場合には、svgタグにwidthとheightを指定する必要がある。Scalable Vector Graphicsなのにサイズ指定が必須とは残念至極だが、Google ChromeというかWebkitのせいなので仕方がない。Chronium側でもこの問題は一年前から認識されているけど、今のところ修正されていない。

なお、Firefox,IE9以降,Operaでは（当然ながら）この指定の必要はない。

ところで、別の回避策が書いてあるページを見つけたが、この方法はWebKitでは上手く行くが、Operaが期待通りに描画してくれないので使えない。

結局WebKitの修正が入るまでは上のようにサイズの指定が必要だ。