cursor - 更改网页上鼠标光标的热点

Question

我想更改鼠标指针的热点，我们已经使用 .cur 文件更改了图标，使其位于图像的右下角，而不是左上角。

就像一个倒箭头光标，设计师/老板想出了一个很好的设计，几乎需要这个。

是否可以更改网页上鼠标光标的热点？

Answer 1

我没有测试过，从developer.mozilla.org得到它：

Gecko 1.8beta3 中添加了对光标值的 CSS3 语法的支持；因此它适用于 Firefox 1.5。它允许指定光标热点的坐标，该坐标将被限制在光标图像的边界上。如果未指定，则从文件本身（对于 CUR 和 XBM 文件）读取热点的坐标或将其设置为图像的左上角。CSS3 语法的一个例子是：

cursor: url(foo.png) 4 12, auto;

链接到CCS3 光标

Answer 2

这是不可能的，我很高兴 - 我认为你只会让你的用户感到沮丧。

编辑：我错了-我认为这是不可能的-我仍然认为您不应该这样做。

Answer 3

你不能。就像这里的大多数人一样，我会告诉你不要这样做，即使你可以......

但是，对于非常具体的情况，例如某些艺术家的页面、游戏光标或光标指向下方的类似 3D 的地图，我可以想象这样的事情。现在，如果你真的需要一个面向媒体的网站的特殊光标，而不是信息网站，我会用一个空白光标文件隐藏光标，并使用一些 Javascript 在光标上附加一个浮动图像，这样它“看起来像“热点在其他地方。

当然，您的网站的可用性和兼容性会下降，但上面的解决方案是如果您真的需要自由发挥创意，并且您的用户对这类东西持开放态度。