【CSS3】背景画像とグラデーションを同時に設定する！！

bodyタグに背景とグラデを同時セットできないものか…！？
と思い悩んだら素敵なことを知りましたのでw
ここでメモ。

背景を画像とグラデーションで2つ設定したい時は
CSSで書くときの順番にコツがある！
設定を書く順を

NG　グラデーションの指定、背景の指定
OK　背景の指定、グラデーションの指定

にするべし。

実際使うとこんな感じ。

body {
background: url(images/main.jpg) no-repeat top, -moz-linear-gradient(top, #f0fcfc 0%, #ffffff 8%) ;
background: url(images/main.jpg) no-repeat top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcfc), color-stop(8%,#ffffff));
}


超ためになりました！
参考サイトはこちらから。
http://www.dokuritsu-kigyo.net/blog/2011/04/css3background.html