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

时间:2015-05-18 17:12:10

标签: html css

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

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

1 个答案:

答案 0 :(得分:12)

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

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

  

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

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

放入这个笑脸而不是你用作网址的图片并再次运行小提琴,它可以正常工作:http://icons-search.com/img/icons-land/IconsLandVistaStyleEmoticonsDemo.zip/IconsLandVistaStyleEmoticonsDemo-ICO-Cool.ico-32x32.png