无法从图像成功创建自定义光标

Question

这是我网站的层次结构。

我正在尝试将paw.png设置为我的自定义光标。

以下是main.css中自定义光标的代码。

＆＃13;

＆＃13;

#body{
	cursor: url('Images/paw.png'), auto;
}

＆＃13;

＆＃13;

＆＃13;

我不确定它为什么不起作用，只显示默认光标。如果有人可以帮我解决这个问题，那将会很棒。

提前致谢！

Answer 1

如果您打算将光标应用于整个页面，则应使用选择器body，而不是#body（这是一个id选择器）

body{
    cursor: url('Images/paw.png'), auto;
}

Answer 2

确保网址正确并且您正在选择正确的元素，同时对可用作自定义光标的图像大小也有一些限制。

例如，在Firefox中，限制为 128×128px （Windows上的Firefox 3.6-3.6.6将此限制为 32x32px 。）因此，请尝试使用32x32px图像位于安全区域

了解更多信息：MDN

Answer 3

假设id="body"标记上有body，您还需要修复相对于.css文件而不是根目录的网址。

#body{
    cursor: url('../Images/paw.png'), auto;
}