css自定义光标不起作用答案

【问题标题】：css custom cursor not workingcss自定义光标不起作用
【发布时间】：2015-05-18 17:12:09
【问题描述】：

我正在使用 css 自定义光标来使用图像作为光标。图像不起作用。这段代码有什么问题？
Here 是使用的图像。 Fiddle

 cursor: url('http://www.sarkelliancreed.comule.com/pics/TREES.jpg'), auto;

【问题讨论】：

标签： html css

【解决方案1】：

我昨晚正在处理这个问题。问题是您可以用作光标的图像大小是有限制的。如果你真的需要一个那么大的图像来跟随光标，让一个带有该图像的 div 捕捉到 mousemove 事件上的光标位置。

MDN 至少描述了 Firefox 的大小限制：

在 Gecko (Firefox) 中，光标大小的限制是 128×128px。较大的光标图像被忽略。但是，您应该限制自己的大小为 32×32，以最大限度地兼容操作系统和平台。

【讨论】：

这个问题有什么头像。
只是为了面向未来@ManojKumar 的评论，JHS 的头像目前是一个光标箭头。
Chrome 正在报告我的 128 像素宽光标“[弃用] 尺寸大于 32x32 DIP 与原生 UI 相交的自定义光标已弃用，并将在 2019 年 6 月左右在 M75 中删除。有关更多信息，请参阅 chromestatus.com/features/5825971391299584详细信息。”，果然当光标靠近视口边缘时，它会回退到默认值。