html – CSS自定义光标在FF/Chrome中不起作用

发布时间：2020-12-14 21:37:22 所属栏目：资源来源：网络整理

导读：我试图使用以下图像创建一个自定义游标： http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png 图像尺寸必须保留。我已经尝试使用body {cursor：url(‘http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png’); }，虽然在FF / Chrome中不

我试图使用以下图像创建一个自定义游标：

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png

图像尺寸必须保留。我已经尝试使用body {cursor：url(‘http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png’); }，虽然在FF / Chrome中不起作用。 (甚至不检查其他浏览器)

什么原因不起作用？

解决方法

问题不仅在于你的css代码缺少第二个参数，而是使用了图像文件。

如果你简单地调整大小，使它更小(我尝试32px用于测试目的)它的作用就像一个魅力。

您可能还需要“指针”而不是自动，由图像的外观判断;

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'),pointer;

编辑：
我意识到现在你想保持大小，但只是不行。有关更多信息，请参阅https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!