CSS线性渐变不起作用

Question

我正在尝试创建一个网页，我试图让背景成为一个渐变。这是我的css代码：

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

为什么我的背景为白色？

Answer 1

应使用linear-gradient定义background-image（或任何CSS渐变），而不是background-color：

  

渐变定义为CSS数据类型;它们只能在需要图像数据类型的地方使用。因此，线性渐变不适用于背景颜色和请求<color>的其他属性   <子> MDN Docs

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

或者：

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

JSfiddle Demo