如何实现跨上下文CSS图像游标？

Question

我在这里做错了什么，并会意识到纠正它的建议。

在CSS中使用cursor属性与图像url一起工作，但似乎无法使用默认上下文以外的任何其他工具。例如，当我将鼠标悬停在一个定位点上时，光标将转换为一般的OS指针游标。

我希望能够为每个上下文定义不同的图像url。这可能吗？

在此先感谢。

P.S.我使用Chrome进行测试，但也需要跨浏览器。我也已经知道Opera不支持图像游标。

Answer 1

需要那么通过使用div a:hover覆盖默认的浏览器光标，通过靶向a元素

Demo

div, div a:hover { 
    cursor: url(http://investor.dragonwaveinc.com/common/images/briefcase-addv2.gif), auto; 
} 

，我们将覆盖在hover

Answer 2

这一问题的默认指针光标是因为当你将鼠标悬停在图像上时，你实际上同时在超链接上悬停。谁的cursor属性设置为pointer。它覆盖所有其他属性设置到另一个。

因此，请尝试编辑该超链接的类，以确保它适用于该图像，并且所有其他超链接都具有默认光标。

是的，CSS是跨浏览器，所以你不会找到任何错误。

您可以检查浏览器的开发者工具：

但是，如果你希望未来的支持，那么你可以尝试在开发工具（F12）的外观和检查其属性被应用到元素，并将其一定会告诉你这一行。所以你可以检查为什么一些CSS被应用，以及为什么一些CSS属性在CSS中被覆盖。