cssの背景色部分だけ反映されません。。

Question

前提・実現したいこと

プログラミング初心者です。
webサイトのビューの部分を実装しています。
背景色をグラデーションにしたいのですが、他のコードは反映されますが、background-color部分だけ反映されません。
シンプルに
background-color: #fff;
という単純なものだと反映されるので、linear-gradientの部分が正しくないようなのですが、原因がわかりません。。
検証で見てみても、background-colorの部分は無効化されていました。

よろしくお願いしますm(_ _)m

該当のソースコード

.wrapper{
  width: 100vw;
  height: 100vh;
 background-color: linear-gradient(-135deg, #e4a972, #9941d8);
  color: #000;
}

試したこと

ブラウザのバージョンなどを確認しましたが、問題なさそうです。
cssは上記のみなので、他のcssが影響しているということはないかと思います。

Answer 1

linear-gradient 関数は、 background-color プロパティではなく、 background-image プロパティに対して適用してください(動作確認用リンク)。

.wrapper {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(-135deg, #e4a972, #9941d8);
  color: #000;
}

Comments

[yuna_]

s8_chu 様

迅速な回答ありがとうございます。
解決できました！本当にありがとうございます！