読者です 読者をやめる 読者になる 読者になる

メモ用サブブログ

子曰わく學びて時にこれを習う。

IEでクリッカブルマップ(イメージマップ)が効かない 意外な落とし穴

HTMTL

間違った例(動かない)

<img src="img.png" alt="aaa" usemap="foo">
<map name="foo">
    <area shape="rect" coords="73,68,117,85" href="hoge">
    <area shape="rect" coords="123,69,165,84" href="piyo">
</map>

正しい例(動く)

<img src="img.png" alt="aaa" usemap="#foo">
<map name="foo">
    <area shape="rect" coords="73,68,117,85" href="hoge">
    <area shape="rect" coords="123,69,165,84" href="piyo">
</map>

どこが違うのかわかったでしょうか。

正解はここです。

(正) usemap="#foo"
(誤) usemap="foo"

usemap属性にはシャープをつけないと正しく機能しない模様です。

ぐぐってもズバリ言ってる情報がなかったので、この罠にハマりました。