我正在使用css自定义光标来为光标使用图像。图像不起作用。这段代码有什么问题?
Here是使用的图像。 Fiddle
cursor: url('http://www.sarkelliancreed.comule.com/pics/TREES.jpg'), auto;
答案 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