我一直试图创建一个自定义光标.主要问题是光标大小 – 256x256px PNG(透明)图像.问题来自各种限制,浏览器和操作系统. (我之前的问题解释了为什么CSS游标{}不起作用stackoverflow)
那么,拥有自定义光标的CSS的替代方案是什么?
最佳答案
如您所知,您不能拥有大的自定义光标:Windows具有32×32像素的限制.
原文链接:https://www.f2er.com/html/425775.html如果你想要更大,你需要使用包含光标图像的DOM元素,并让它跟随光标.
它相对简单(特别是如果你使用JQuery).
在这里讨论如何做到这一点:jQuery – Follow the cursor with a DIV和How do you make a picture follow your mouse pointer with jquery?
但请注意,与拥有真实光标相比,此方法存在局限性.
我能想到的两个问题是:
>动画可能不会像实际光标移动那样快速反应,从而导致滞后效应.
>当您点击浏览器窗口的边缘时,您可能会遇到问题.在左边和上边缘,很容易将光标图像部分地移动到边缘上,但在右边和底部,这样做可能会导致浏览器认为页面大小已更改,并生成不需要的滚动条.