ブラウザのバグ

Safari･Chrome･Firefoxでありがちなバグの対処法について(主にCSS) | Blog | 株式会社イロコト | アニメ･ゲームなどのエンタメ系Web制作&運用会社

• iOS
  • background-size: cover; background-attachment: fixed; で画像が極端に大きく拡大されて表示される
  • ホバーエフェクトがかかっているa要素は2回タップしないとリンク先に飛ばない
  • linear-gradient で transparent を指定して透過すると黒くなる
• Chrome
  • 画像の色が褪せた・くすんだ感じで表示されてしまう
  • ackground-position, attachment, size, border-radius を指定すると、特定の画面サイズ条件のときにスクロールで背景画像が引き伸ばされる

これらも入れてほしいところ。