グラデーションと、イメージの同時指定をして、縮小表示したら・・・
自分のサイトで、項目行の、背景にグラデーションをかけたものと、イメージを指定しました。
スマホ用の設定（max-width指定）もして、できた！って思ったら、スマホでは、グラデーションが縞模様に・・・・・・・・
内容はこうです。
何～～ってなったのですが、スマホ用で設定したのが、背景画像を、幅に合わせて縮小表示しようと思って、background-sizeを指定しました。
|
@media (max-width: 640px) { |
この時点に完璧に失念していたのですが、グラデーションもイメージと同じ扱いになるため、background-sizeの指定にひっかっかってしまうのです。
その為、グラデーションも高さが縮小表示され、縞模様になってしまった・・・・・(-_-;)
恥ずかしい失敗でした。