css自定义光标无法正常工作

Yaa*_*pan 4 html css

我正在使用css自定义光标为光标使用图像.图像不起作用.这段代码有什么问题?
是使用的图像.小提琴

 cursor: url('http://www.sarkelliancreed.comule.com/pics/TREES.jpg'), auto;
Run Code Online (Sandbox Code Playgroud)

JHS*_*JHS 12

我昨晚正在处理这个问题.问题是您可以用作光标的图像大小有限制.如果您确实需要一个大的图像来跟随光标,请使用该图像的div捕捉到mousemove事件上的光标位置.

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

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

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url

放入这个笑脸,而不是你用作URL的图像并再次运行Fiddle,它可以工作:http://icons-search.com/img/icons-land/IconsLandVistaStyleEmoticonsDemo.zip/IconsLandVistaStyleEmoticonsDemo-ICO-Cool .ICO-32x32.png

  • 这个问题的化身是什么. (6认同)
  • 仅仅为了面向未来的@ ManojKumar的评论,JHS的化身目前是一个光标箭头. (2认同)
  • Chrome 正在报告我的 128 像素宽光标“[弃用] 尺寸大于 32x32 DIP 相交本机 UI 的自定义光标已弃用,并将在 2019 年 6 月左右在 M75 中删除。请参阅 https://www.chromestatus.com/features/5825971391299584了解更多详细信息。”,并且当光标靠近视口边缘时,它肯定会回落到默认值。 (2认同)