html - ` に CSS ポインターがないのはなぜですか` IE と Chrome で動作しますか?

Question

次のコードを使用すると、IE と Chrome でマウスオーバーしてもポインターがポインター カーソルに変わりませんが<area>、Firefox では正常に動作します。IE と Chrome でも機能するようにするには、これをどのように変更すればよいですか?

<img id="fr_main_img" src="image_main.png" usemap="#fr_main_img" alt="" width="700" height="230"/>
<map id="joinReward" name="fr_main_img">
    <area shape="rect" coords="551,178,675,211" style="cursor: pointer;"/>
</map>

Answer 1

を指定する代わりに、属性cursor:pointerを追加してアンカーのように処理する必要があることを指定することもできます。hrefカーソルを変更する必要がある場合は、何らかの方法でクリックできると思います。これを試して：

<map id="joinReward" name="fr_main_img">
    <area shape="rect" coords="551,178,675,211" href="#" />
</map>

Answer 2

属性に値を指定する必要がありますhref:

<img id="fr_main_img" src="image_main.png" usemap="#fr_main_img" alt="" width="700" height="230"/>
<map id="joinReward" name="fr_main_img">
    <area shape="rect" coords="551,178,675,211" href="#" style="cursor: pointer;" />
</map>