css3 グラデーションがChromeできかない

css

CSS3 グラデーションがChromeできかない

CSS3 グラデーションボタンを作るのように、CSS3では画像を使わずにグラデーションを作ることができます。
しかし、多くのサイトがプロパティの指定を

 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));　/* Safari,Google Chrome用 */ 

と紹介していますが、Chrome　バージョン 22の要素検証ツールでは、
Invalid property value.
というエラーになり、グラデーションになりません。

プロパティの指定は、

 background

ではなく

 background-image

にしないといけません。

上記の例だと、次のようになります。

 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));　/* Safari,Google Chrome用 */