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

时间:2015-01-06 04:42:31

标签: jquery html css

UIm使用jQuery(如此

)为游标设置自定义图像
$(document).ready(function(){
      $("body").css('cursor','url(http://affordable-glass.com/test/penguinSm.png),auto');
});

然而,这是有效的:

  1. 使用鼠标进行急剧移动有时会使光标返回非图像光标。最简单的复制方法是将指针移动到小的快速圆圈中。 (这有点奇怪,但不是很大)
  2. 点击任意位置会使光标恢复为非图像光标(这是主要问题)
  3. 这里是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

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

    这似乎可能是我机器的问题?

    以下是我的规格: enter image description here

1 个答案:

答案 0 :(得分:0)

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