CSS自定义光标在FF/Chrome中不能工作

I am trying to create a custom cursor using the following image:

我正在尝试使用以下图像创建一个自定义游标:

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

The image size must be retained. I've tried simply to use body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); }, though that doesn't work in FF/Chrome. (not even checking other browsers)

图像大小必须保留。我只是尝试使用body {cursor: url(' http://anuary.com/dev/hp/pad3/public/images/handcursor.png ');}，虽然在FF/Chrome中不能用。(甚至不检查其他浏览器)

What's the reason for it not working?

它不工作的原因是什么?

2 个解决方案

#1

The problem is not just with your css code lacking second argument but with the image file.

问题不仅在于css代码缺少第二个参数，还在于图像文件。

If you simply resize, make it smaller (i tried 32px for testing purposes) it works like a charm.

如果你只是调整大小，让它更小(我尝试了32px)，它就像一个魅力。

You might also want "pointer" rather than auto, judging by the look of the image;

你也可以用“指针”而不是“自动”来判断图像的外观;

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

EDIT: i realize now you wanted to keep the size but it just won't work. see https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property for more info

编辑:我知道你现在想保持这个尺寸，但它就是不能工作。更多信息请参见https://developer.mozilla.org/en/using_url_values_for_the_the_cursor_property

2 个解决方案

#1

更多相关文章

随机推荐