エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
スマホなどでaタグのリンクが2回タップしないと機能しない原因|kasumiblog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スマホなどでaタグのリンクが2回タップしないと機能しない原因|kasumiblog
こんにちは。カスミです。 さて、以下のようなお悩みをお持ちでしょうか? スマホ・タブレット(iphone... こんにちは。カスミです。 さて、以下のようなお悩みをお持ちでしょうか? スマホ・タブレット(iphone、ipad)などでaタグのリンクが2回タップしないと機能しない。1回タップで機能するように修正したい。 上記のような悩みですが、CSSのプロパティにあるopacity設定が原因かもしれません。本記事で解説致します。 ブラウザの検証モードで、リンクボタンを調査。 クロムブラウザなどを使って、「検証モード」を立ち上げましょう。 検証モードは「右クリックで検証」を選択します。 該当のaタグリンクをクリックすると、検証モードのStylesに、適用されているCSSを見ることができます。 次にFilterから「hovを選択」し、「:hover」にチェックを入れます。 ここでCSSのプロパティで「opacity」が設定されていたら、それが原因の可能性があります。 スマホ・タブレット時はopacityを