CSSリニアグラデーションが動作しない

Question

ウェブページを作成しようとしています。グラデーションを背景にしようとしています。これは私のCSSコードです：

body { 
    background-color: linear-gradient(#222222, #663300); 
} 

なぜ私の背景は無地ですか？

Answer 1

linear-gradient（または任意のCSS勾配）background-image、ないbackground-colorと定義されるべきである。

勾配は、CSSデータ・タイプとして定義されています。イメージデータ型が必要な場合にのみ使用できます。このため、背景色や他のプロパティー（<color>を要求する場合）では線形勾配が機能しません。
_{MDN Docs}

body { 
    background-image: linear-gradient(#222222, #663300); 
} 

または：

body { 
    background: linear-gradient(#222222, #663300); 
} 

JSfiddle Demo