CSS定义光标不工作FF /铬

我尝试使用下面的图片来创建自定义光标：CSS定义光标不工作FF /铬

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中不起作用。（甚至没有检查其他浏览器）

什么是它不工作的原因吗？

来源

2011-07-08 Gajus

的问题有很大的参考并不仅仅与缺乏第二个参数你的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对我应该提到更多信息

来源

2011-07-08 11:47:03 xec

“在Gecko（Firefox）中，光标大小限制为128×128像素，较大的光标图像将被忽略。” （https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property） – Gajus

怪异模式规定的限制为32×32，并认为这是一个Windows的限制，而不是浏览器的限制。 – Spudley

'NAME = “” && EXT = “” && sudo易于得到安装ImageMagick的转换&& “$名”。 “$转” 调整大小32X “$名” - 小 “$分机”' –

火狐需要第二个非URL参数如

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

有一个在怪异模式CSS2 - Cursor Styles

来源

2011-07-08 11:32:23 detaylor

，但我已经试过了，以及和它不工作。演示http://anuary.com/dev/hp/pad3/。 – Gajus

您正在使用哪个版本的FireFox？它适用于我 - 假设你将鼠标悬停在黑匣子上时应该看到一只巨大的手。 Quirksmode文章提到图像应该小于32x32像素，这在演示中似乎不是。 – detaylor

@Guy：在FF5中正常工作;在Opera 11或IE8中不起作用（我得到了普通的“指针”光标）。请注意，鼠标位置位于光标坐标（0,0）处 - 即“食指”左侧的几十个像素;除非您的点击目标与光标大小相称，否则这会让您的用户错误很多（“那个手指指向*那里，但是它在那里点击*，是我的鼠标断了吗？”）。 – Piskvor

CSS定义光标不工作FF /铬

回答

相关问题