CSS Linear Gradient funktioniert nicht

Question

Ich versuche, eine Webseite zu erstellen, und ich versuche, den Hintergrund zu einem Farbverlauf zu machen. das ist mein css code:

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

Warum ist mein Hintergrund einfach weiß?

Answer 1

A linear-gradient (oder jedes CSS-Gradient) sollte mit background-image definiert werden, nicht background-color:

Gradients sind definiert als CSS-Datentypen; Sie können nur dort verwendet werden, wo ein Bilddatentyp benötigt wird. Aus diesem Grund funktioniert linear-gradient nicht für Hintergrundfarbe und andere Eigenschaften, die <color> anfordern.
_{MDN Docs}

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

Oder:

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

JSfiddle Demo