Question

我有一张图片，上面有两个可点击区域的地图。这些工作正如预期的firefox和chrome。在IE中，光标不会更改为“手”。我可以点击并导航。所以大多数事情似乎都没问题。唯一不会发生的事情是将光标更改为“手”。知道我错过了什么吗？

  <td><img id="shop-icon-image"  src="img3/shop-icon.png" usemap="#shopiconmap" />
        <map name="shopiconmap">
            <area shape="rect" coords="3,75,43,88" href="http://domain/page" /> 
            <area shape="rect" coords="44,75,82,88" href="http://domain/page" /> 
        </map>
    </td>

Answer 1

将此添加到CSS：

area
{
 cursor:pointer; 
}

Answer 2

在4个非生产时间之后过了这个:(

我正在使用的重置样式表中有一个“body {cursor：default}”。但这应该不是问题，因为我定义了'area {cursor：pointer}'。但是IE并没有凌驾于此之上。对我来说似乎是一个错误。在开发人员工具栏中，光标：默认值被触发，表示它已被覆盖，但实际上并未覆盖。取出那条线（光标：默认值）是修正它的原因。唷！

Answer 3

尝试将此添加到您的CSS

area {
    cursor: pointer;
}

Answer 4

如果您想停止它，而实际上要进行导航

<area href="#" onClick="return false">

在与Angular JS一起使用时可以使用

Answer 5

添加

<area href="javascript:void(0)">

解决了我的情况，没有添加额外的样式＆＃34; cursor：pointer＆＃34;

将鼠标悬停在图像映射上不会将游标更改为IE

5 个答案: