/ / Le dégradé linéaire CSS ne fonctionnera pas - html, css

Le dégradé linéaire CSS ne fonctionnera pas - html, css

J'essaie de créer une page Web et d’essayer de créer un dégradé d’arrière-plan. Voici mon code CSS:

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

Pourquoi mon fond est-il blanc?

Réponses:

2 pour la réponse № 1

UNE linear-gradient(ou tout dégradé CSS) doit être défini avec background-image, ne pas background-color:

Les dégradés sont définis en tant que types de données CSS. ils ne peuvent être utilisés que lorsqu'un type de données d'image est requis. Pour cette raison, linear-gradient ne fonctionnera pas avec la couleur de fond et d’autres propriétés <color>.
MDN Docs

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

Ou:

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

JSfiddle Demo