바탕화면 색상에(background-color)에 linear-gradient가 적용되지 않아요(CSS 문제)

 

해당 문제는 body에 적용되는 css의 문제였음.

background-color에 적용되지 않는 것을 background로 바꿔주면 해결 됨.

 

Before:

background-color: linear-gradient(180deg, #f08, #d0e);

 

After:

background: linear-gradient(180deg, #f08, #d0e);

 

 

---

 

참고

 

https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient

 

Because <gradient>s belong to the <image> data type, they can only be used where <image>s can be used. For this reason, linear-gradient() won't work on background-color and other properties that use the <color> data type.