タグ

ブックマーク / webskillup.com (1)

  • 結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも1クリックカウントっぽいSafari

    36,087views/投稿 2015-08-16/更新 2019-02-17 [この問題はiOS9から解消されてます。] iOSのSafariで、:hoverに事件が起きています。 CSSでaタグに:hoverで何かの変化を施してある場合は、そのマウスオーバー変化が1クリック換算で止まってしまい、リンク先に飛ばない確率が高い感じです。要は2回クリックしないとハイパーリンク先にページ遷移しないです。iOS 8.4.1のiPhoneiPadなどタッチデバイスでの話です。 1回タップ(a:hover描画処理のみで止まる) 2回タップ(やっとリンク先に飛ぶ) テキストリンク系は大丈夫ですが、「画像の透かし」や「お申込はこちら」的なボタン装飾も該当していそうです。 [追記]サンプルページを作りました。iOSデバイスで確認してみてください。Chromeもどうやら対象のようです。 :hover事件

    結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも1クリックカウントっぽいSafari
    kyaido
    kyaido 2015/08/31
  • 1