[緊急] iOS 8.4.1 の :hover バグをユーザーエージェント切り替えで対処 [IE7対応]

150901_001

昨日、「ブレークポイントで切り替えれば問題なし」と投稿しましたが、検証を重ねるとダメなことが判明しました…。すみません。

:hover で透明度変更などを指定している場合、iOS 8.4.1 で二回タップしないとリンクしてくれない件が厄介です。

というわけで、ユーザーエージェント切り替えで対処します。
何でもかんでもjQueryに頼るのは良くないのですが、ゆっくり作っている余裕はないため、緊急で作りました。

デモを見る

検証済みブラウザとOS

  • IE 7~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X Yosemite
  • iOS 8
  • Android 4.1 / 5

 

要点とコード

code

デバイスが iPhone / iPad / iPod でない場合にのみ、透過用のCSSクラスを付与する。

 

今後 Android もバージョンアップで同じことになるのでしょうか? そうなると、サイトデザインの見直し、もしくはユーザーエージェントの切り替えが必要になるので、ちょっと面倒ですね…。

コメントを投稿する

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは、一度だけクリックしてお待ちください。