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

間違った例（動かない）

<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属性にはシャープをつけないと正しく機能しない模様です。

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