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>