jquery - 单击页面中的任意位置后自定义光标图像消失，MAC，多个浏览器

Question

UIm 像这样使用 jQuery 为光标设置自定义图像

$(document).ready(function(){
      $("body").css('cursor','url(http://affordable-glass.com/test/penguinSm.png),auto');
});

然而，这有效:

1. 用鼠标进行剧烈移动有时会使光标变回非图像光标。最简单的复制方法是快速移动指针。 (这有点奇怪，但没什么大不了的)
2. 点击任意位置会使光标恢复为非图像光标(这是主要问题)

这是一个 jsfiddle showing the issue

我也尝试过直接使用 CSS，但遇到了同样的问题

div{
    cursor: url(http://affordable-glass.com/test/penguinSm.png),auto;
}

CSS Jsfiddle

测试并获得与以下各项相同的结果，因此这似乎是预期的行为。

• Windows，使用 Chrome 版本 39.0.2171.95 m(在我的 mac 上的 virtualBox 中运行)
• Mac，使用 Chrome 版本 39.0.2171.95(64 位)

• Mac、Firefox 版本 34.0.5

• 使用 Chrome 版本 39.0.2171.95m 在实际的 Windows PC 上运行不受此问题的影响

这似乎是我机器的问题？

这是我的规范:

Answer 1

显然这是一个与 MS Word 或我的 Mac 上的插件之一有关的错误。如果 Word 处于打开状态，则会发生此行为。如果我关闭 MS Word，问题就会停止。重新启动我的 mac 后，我现在无法重现该问题，我猜只是有问题。感谢所有试图提供帮助的人!