Html Safari/IE图像映射自定义光标工作不正常

当我将光标悬停在图像地图上的热点上时，我很难让自定义光标正常工作。Firefox完美地显示了它，但在Safari/Chrome中，当鼠标悬停在图像地图上时，自定义光标会显示出来，除非您将鼠标悬停在图像上的实际热点（区域标记）上，然后它会显示默认的“单击光标”。这让我发疯，因为我已经尝试了图像地图中每一个可能的选择器

以下是我使用的代码：

<map name="gameImg" id="gameImg">
                    <area shape="rect" coords="299,4,358,64" class="gameElement" href="#" id="sailingBoat" name="0" />
                    <area shape="rect" coords="365,43,505,161" class="gameElement" href="#" id="cruiseShip" name="1" />
</map>

一些选择器没有显示在顶部，但我添加它们只是为了确保涵盖每个可能的场景

---

我确信这纯粹是一个选择器问题，但我不确定要添加什么选择器才能使自定义光标保持相同，而不管它是否是链接

试试这个，它使用javascript

---

据我所知，这似乎是Safari 5的一个问题，尽管我还没有在野外找到太多关于它的参考资料。这不仅仅局限于图像贴图，我在使用标准标记时也遇到了同样的问题。我使用与您相同的CSS方法。

谢谢您的反馈。我最初的选择是使用一个div跟踪鼠标光标，但是，这不是一个非常稳定的解决方案。我已经运行了另外两个JS脚本，发现使用此选项时脚本会滞后。这应该可以通过CSS来完成。

#gameScreen, #gameScreen .wrapper, #gameScreen .wrapper a, #gameScreen .wrapper a:hover, #gameScreen area, #gameScreen area a, #gameScreen area a:hover, #gameScreen img, #gameScreen img a, #gameScreen img a:hover, #gameImg, #gameImg a, #gameImg a:hover, .gameElement, .gameElement a, .gameElement a:hover, #gameScreen map a, #gameScreen map a:hover, #gameScreen:hover, #gameImg:hover {
cursor: url(cursor.cur), url(images/cursor.cur), default;
}