先日も投稿したようにIE 9で背景にグラデーションの指定をしたい時はSVGを使います。
SVGってツールがないと作るのが超めんどくさいです。
私はCompassで作ってますが、なんかイヤって方は色々Web上で生成ツールを公開してくれている方がいるのでそちらを使うといいよな話です。
CSS3 Gradient Generatorをいくつか。
SVG Gradient Background Maker
microsoftさんが作ってました。
SVGはCross BrowserだからとSVGのコードしか出力してくれません。
意固地ですね〜。
gradient CSS3の設定まで出してくれると誉めてあげられるのに。
visual.css.tools
CSS + SVG + Canvas cross-browser gradient generator for web designers
だそうです。
こちらの方が使いやすいなぁと個人的には思います。
どちらのツールにもgradientの既存値から変換する機能があります。
CSSを先に制作しておいて、後でSVGだけ出力して貰う。なんて使い道もアリみたいです。