いくつかの「a href」画像リンクと、ナビゲーション用の Web サイトにホバーがあります (サイトの非モバイル バージョンではwww.byrdnick.com )。これらの画像リンクが iOS ブラウザを混乱させているようです。画像リンクを1回タップすると、ホバー画像に変わります。ホバー画像をタップしても何も起こりません。ホバー画像をもう一度タップすると、最終的にリンクにリダイレクトされます。
これらの画像リンクを機能させる方法はありますか、それともマップなどのまったく新しい方法を試す必要がありますか?
私のような人を助けてくれるすべての達人に前もって感謝します!
それが私が以下に持っているものに似たものであり、競合している奇妙なクラスがない限り、あなたは大丈夫です.
<a href="some link"><img src="some image" /></a>
これは、psd2css.jsjavascript が div とリンクを微調整するために行うすべての奇妙なことによるものです。
私はこのツールを使用したことはありませんが、あなたの Web ページは psd2cssonline というツールを使用して生成されたようです? <a href>このツールは、すべてのリンクに舞台裏でいくつかのあいまいな処理を追加しているようです. これはpsd2css.jsファイルで簡単に確認できます。ドキュメントがロードされると、スクリプトはすべての関数にいくつかの魔法を追加します<img> hover。
このツールによって追加された JavaScript 全体を調べたわけではありませんが、それが問題の原因であることは確かです。このツールは、タッチ スクリーン デバイスと互換性がないように思われるか、「ホバー」が無意味なモバイル環境でタッチ イベントを何らかの形で台無しにします (タッチ スクリーンでアイテムを「ホバー」することはできません!)。また、生成する Web サイトのモバイル バージョンを管理できるようにするには、おそらく更新する必要があります。
一方、モバイルで Web サイトにアクセスする場合は、このスクリプト (およびこのツールによって生成され、リンクに動作を自動的に追加する他のすべてのスクリプト) を無効にしてみてください。同様のスクリプトを使用せずに、標準の動作を維持します。