画像に設置したハイパーリンクがどうしてもクリック出来ない場合の解決方法

HTML・CSS 最終更新日:2020/02/14 公開日:2013/11/07

画像やテキストにリンクを設置したのに、どーーーーーしてもクリックできない、そんな状況になった際の解決方法です。

状況

個人的には画像にリンクを設定した状況で、たまにやってしまうんですが、テキストでもどうような状況は起こります。

あるいはクリックできる部分はあるんだけれども、かなり少ない領域のみしかクリックすることができない、というような状況です。

リンクがクリックできない原因

結論からいいますと、原因はDIV領域が重なってしまっていることです。

つまりこんな感じになってしまっているのです。

参考画像.fw

解決策

どこかに必ずリンクを設置した部分と、別のDIV領域が重なってしまっているはずです。

FirefoxならFirebugや、Chromeならデベロッパーツールなどで、重なってしまっている部分をくまなく探しましょう。

CONTACT

Webサイト制作のご相談やご質問、ご不明点などございましたらこちらよりお問い合わせください。
「ホームページ制作について」とお伝えください。担当者におつなぎいたします。

オフィス一覧へ

受付時間|9:00~18:00(土・日・祝除く)

※お電話にてお問い合わせの際はオフィス一覧からお近くのオフィスにご連絡ください

※全国対応

ホームページ無料診断 毎月10社限定

ホームページ制作のプロがユーザビリティ・SEO・競合などを多角的に分析し、
具体的な改善案をご提案します。

無料診断する