悬停时,HTML地图区域标签不显示指针光标

时间:2015-07-27 22:27:17

标签: html css dictionary area

我需要让我的区域元素显示为指针光标以指示它们是可点击的。右边地图上的标记,' http://www.metlifecare.co.nz/bay-of-plenty-villages'应该看起来像是链接。

我非常确定我现在使用的方法是将<areas>显示为指针游标之前正在使用的方法。不知怎的,现在它不再工作了。

CSS我一直在使用:

area:hover, .hover {
    cursor: pointer;
    display: block;
}

根据示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap,区域元素作为链接工作。但是,我目前正在工作的网站上的标志不是。它们也应该是一样的。

我是否遗漏了某些内容或任何替代方案以使其正常工作?

2 个答案:

答案 0 :(得分:0)

这里有一些提示和技巧。看起来你并不孤单,至少! :)

Setting a cursor [with CSS] on an image map area

答案 1 :(得分:0)

This problem is resolved after spending couple of hours looking on the web for a fix.

All what I did was remove the cursor:default; applied to the ''. Voila! The cursor:pointer applied to map elements are now working.