CSS 선형 그래디언트가 작동하지 않습니다.

Question

웹 페이지를 만들려고합니다. 배경을 그래디언트로 만들려고합니다. 내 CSS 코드 :

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

내 배경이 흰색 인 이유는 무엇입니까?

Answer 1

는 linear-gradient (또는 CSS 구배)하지 background-color, background-image 정의한다 :

그라디언트가 CSS 데이터 형식으로 정의된다; 이미지 데이터 형식이 필요한 경우에만 사용할 수 있습니다. 이러한 이유로 배경색 및 <color>을 요청하는 기타 속성에서는 선형 그래디언트가 작동하지 않습니다.
_{MDN Docs}

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

또는 :

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

JSfiddle Demo