光标使用游标URL不起作用？

Question

第二个示例工作，手确实显示，但为什么第一个div不起作用？

＆＃13;

＆＃13;

div {
  cursor: url('http://i.imgur.com/EuDeZWn.png'), auto;
}

span {
  cursor: url('http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif'), auto;
}

＆＃13;

<div>
  target
</div>
<br>
<br>
<span>
  target 2
</span>

＆＃13;

＆＃13;

＆＃13;

Answer 1

根据这个：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property

您的第一张图片是237x173像素，而限制则固定为128x128像素。

Answer 2

来自MDN：

  

在Gecko（Firefox）中，光标大小的限制为128×128px。忽略较大的光标图像。但是，为了与操作系统和平台的最大兼容性，您应将自己限制在32×32的大小。

你的图像是237 x 173，这个图像要大得多。