36,087views/投稿 2015-08-16/更新 2019-02-17 [この問題はiOS9から解消されてます。] iOSのSafariで、:hoverに事件が起きています。 CSSでaタグに:hoverで何かの変化を施してある場合は、そのマウスオーバー変化が1クリック換算で止まってしまい、リンク先に飛ばない確率が高い感じです。要は2回クリックしないとハイパーリンク先にページ遷移しないです。iOS 8.4.1のiPhoneやiPadなどタッチデバイスでの話です。 1回タップ(a:hover描画処理のみで止まる) 2回タップ(やっとリンク先に飛ぶ) テキストリンク系は大丈夫ですが、「画像の透かし」や「お申込はこちら」的なボタン装飾も該当していそうです。 [追記]サンプルページを作りました。iOSデバイスで確認してみてください。Chromeもどうやら対象のようです。 :hover事件の
![結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも1クリックカウントっぽいSafari](https://cdn-ak-scissors.b.st-hatena.com/image/square/50c23672711d2eaf56512a0fea14a6e2ed927e44/height=288;version=1;width=512/http%3A%2F%2Fwebskillup.com%2Fwp-content%2Fuploads%2Fios-css-hover-gameover.png)