html内に配置した画像にDreamweaverのホットスポットを利用して、リンクを設定しました。パソコンとスマホのAndroidでは問題なくリンクされているのですが、iPhoneだとなぜかクリックすることができません。このような状況を回避する良い方法はありませんでしょうか?アドバイスどうか、宜しくお願い致します。
Divの外にmapタグをおくこと
コメントありがとうございます。もう少し詳しく方法を教えて頂く事はできませんでしょうか?
トピ主です。コードはこのようになっています。
<body> <div class="test1"> <img src="image/1.jpg" width="600px" height="600px" border="0" usemap="#Map3" /> <map name="Map3" id="Map3"> <area shape="rect" coords="537,483,643,516" href="http://www.○○.jp/" alt="○○" /> <area shape="rect" coords="432,1485,544,1531" href="http://www.△△.jp/" alt="△△" /> </map> </div> </body>
だから</body>のまえにマップタグおいて。。。
Divのなかにはいってるやん、いまさ。。。
ピンと来なくてすみません。。今</body>のすぐ前に移動させました。これできちんと作動しているようです。ありがとうございました!!
よかったね!ヾ(@⌒ー⌒@)ノ
こんなのありましたけど。該当しますか?
コメントありがとうございます。教えて頂いてサイトは調べている時に発見したものと同じですが、私の場合とは少々違うようです。
みんなの回答 3 件
Divの外にmapタグをおくこと
トピ主です。コードはこのようになっています。
<body>
<div class="test1">
<img src="image/1.jpg" width="600px" height="600px" border="0" usemap="#Map3" />
<map name="Map3" id="Map3">
<area shape="rect" coords="537,483,643,516" href="http://www.○○.jp/" alt="○○" />
<area shape="rect" coords="432,1485,544,1531" href="http://www.△△.jp/" alt="△△" />
</map>
</div>
</body>
こんなのありましたけど。該当しますか?
iPhoneでイメージマップをタップした時に画像が消えてしまう問題を解決! - 群馬県デザイン日記
http://d.hatena.ne.jp/aaa-f/20120613/1339576491関連するトピックス