以前あったちょっとしたミス。
CSSについて個人的に忘れがちなこと。background-imageにはbackground-repeatを設定できるが、backgroundにはbackground-repeatを設定できない。background-colorにはもちろん設定しない。
まあ、なんとなくイメージと実態が合っている感じはする。
背景にグラデーションを使いたい場合は値にlinear-gradient(角度または方向,グラデーション開始時の色,グラデーション終了時の色);というように指定する。
プロパティはbackground。background-colorではない。background-colorにした場合、開発者ツールで該当箇所を確認すると「そんなのありません」と横線を引いて消され、1色で塗りつぶされることになる。
ところが、実はlinear-gradientはbackground-imageでも設定できる。
覚えれば大したことはないものの、背景色を指定するのに-colorではなく-imageが使用できるというのは何となく気持ち悪い。