鼠标光标适用于一个gif但不适用于另一个

Question

我正在尝试将鼠标光标更改为锤子。

我只是搜索了一些gif图片，看看当我改变我的CSS时会发生什么。

第一张图片完美无缺，但我的下一张图片似乎无法正常工作。

亲自试试。

<canvas id="myCanvas" class="test" width="500" height="500">

</canvas>

CSS：

#myCanvas{
cursor: url(http://www.geniusdv.com/news_and_tutorials/2009/01/05/mouse_locator.gif), default;
}

/*
#myCanvas{
cursor: url(http://www.pjnicholson.com/officexptuts/hammer.gif), default;
}
*/

显然我在更改图像时会替换注释。

为什么它对我不起作用？

Answer 1

你错了网址图片试试这个

#myCanvas{
cursor: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSBgMIeNrWE9XlAxTa3XjonUA0TQsEcz-HFgR39d8TPeLt2vSQLTFb6Ig), default;
}

Answer 2

图像很大，这就是它无法正常工作的原因。缩小图像可以解决您的问题。

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