2

我在这里做错了，将不胜感激有关纠正它的建议。

使用cursor属性是可行的，但我似乎无法让它与默认上下文以外的任何东西一起使用。例如，当我将鼠标悬停在锚点上时，光标会转换为通用操作系统指针光标。

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

提前致谢。

PS 我正在使用 Chrome 进行测试，但也需要跨浏览器。我也已经知道 Opera 不支持图像光标。

4

2 回答 2

1

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

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

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

你可以查看浏览器的开发者工具：

但是，如果您想要未来的支持，那么您可以尝试查看开发人员工具 (F12) 并检查哪个属性应用于哪个元素，它肯定也会告诉您该行。因此，您可以检查为什么应用了某些 CSS 以及为什么某些 CSS 属性会在 CSS 中被覆盖。

于 2013-10-15T06:51:05.703 回答
1

您需要通过定位a元素来覆盖默认浏览器光标

演示

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

因此，通过使用div a:hover，我们将覆盖默认指针光标hover

于 2013-10-15T06:41:13.230 回答