「iOS」の「Safari」等、モバイル端末でウェブサイトを閲覧しているとき。 リンクをタップしても1回では反応せず、2回目でようやく画面が遷移するという現象が起きていませんか? いま実機で調べた結果、この現象が起きるのは iPhone のみ。ソフトウェアのバージョンは「iOS 8.4.1」の「Safari」と「Chrome」で確認できています。 その原因ですが、どうやら CSS の「:hover」時の挙動によるもののようです。 例えば画像(<img>)をアンカータグで囲ってリンクを設定しているとき。 <a href="../index.php"><img src="sample.png" width="300" height="200"></a> この画像に対して以下のようにスタイルシートを設定していたとします。 a img:hover{ opacity:0.5; } 上記の設定で画像を
![【iOS】リンクをタップしても1回では挙動しない原因とは?](https://cdn-ak-scissors.b.st-hatena.com/image/square/619ea591ff08f5018e9705d3d2b2772600509cc6/height=288;version=1;width=512/https%3A%2F%2Fon-ze.com%2Fwordpress%2Fwp-content%2Fthemes%2Fonze-2022%2Finc%2Fthumbnail%2F600x360x80-9ba6cca3e6aff99506726b2a7bd0d9af-thumbnail.png)