我一直试图创建自定义光标。主要问题是光标大小 - 256x256px PNG (transparent)
图像。问题来自各种限制,浏览器和操作系统。 (我之前的问题解释了为什么CSS cursor {}
无效stackoverflow)
那么,拥有自定义光标的CSS的替代方案是什么?
答案 0 :(得分:4)
如您所知,您不能拥有大的自定义光标:Windows的限制为32x32像素。
如果你想要更大,你需要使用包含光标图像的DOM元素,并使其跟随光标。
这是相对简单的(特别是如果你使用JQuery)。
有关如何在此处进行讨论的讨论:jQuery - Follow the cursor with a DIV和How do you make a picture follow your mouse pointer with jquery?
但请注意,与使用真实光标相比,此方法会有限制。
我能立即想到的两个问题是:
动画可能不会像实际光标移动那样快速反应,从而导致滞后效应。
当您点击浏览器窗口边缘时可能会出现问题。在左边和上边缘,很容易将光标图像部分地移动到边缘上,但在右边和底部,这样做可能会导致浏览器认为页面大小已更改,并生成不需要的滚动条。