Jquery 是否可以将鼠标光标放在元素后面，或者鼠标光标是否具有z索引？

当鼠标悬停在某个元素上时，我想用自定义图像替换鼠标光标。我首先用鼠标键关闭鼠标光标

cursor: none;

当它悬停在元素上时

然后，我读取光标在悬停元素上的位置，并将图形的css位置设置为带有轻微偏移的光标位置，以便鼠标光标不在图形上，而是仍在悬停区域上

我在这里拉了把小提琴：

现在它可以安静地工作了。问题是，当您快速移动鼠标时，鼠标光标离开悬停区域并“滑过”图像，这当然会导致无法确定鼠标相对于悬停区域的位置（快速移动到黑色悬停区域的左下角）。我可以通过将图形设置为

display: none;

在更改图像的css位置之前以及更改后，将其设置为

display: block;

再说一遍。不幸的是，它不能完全防止这个问题

那么：有没有办法防止这种情况发生？或者有没有办法将鼠标光标放在手的后面？有点像为鼠标光标设置z索引（我猜这是不可能的，因为它不是DOM元素）

谢谢您的帮助。

问题 有没有办法把鼠标光标放在手的后面

当您快速移动鼠标时看到鼠标指针的原因是，您偶尔会将光标置于指针上方，因此不会应用

.hoverbox:hover

样式

在

mousemove

事件绑定中，将

cursor:none

的css样式也添加到指针上，即使不小心在手上移动，也不应再看到鼠标指针。在CSS中将

光标：none

应用于

。指针：hover

也不起作用

$(".hoverBox").mousemove(function(e) {
    var tWidth = $(window).width();
    var position = $(this).position();
    var fingerPosition = position.top + e.clientY + 15;
    var fingerWidth = $(this).parent().find('.pointer').width();

    $('.pointer').css('display', 'none').css('top', fingerPosition).css('left', e.clientX - fingerWidth - 15).css('display', 'block').css('cursor', 'none');
});

-在指针上隐藏光标 编辑
我无法让

游标：url（）

在fiddler中工作，但我猜这主要是因为fiddler通过

fiddle.jshell.net

呈现输出，并且图像可能必须是服务器本地的

但是，如果您只想使用指针指针，那么也可以使用

光标：指针样式

CSS:

-使用默认指针光标，您知道css中的
光标：
接受指向图像的url吗？@adeno:+1这应该符合您的说法。但很难用小提琴来测试。我在《小提琴手》中试过，但不起作用。即使有小提琴手的本地图像。我认为在fiddler中，这是因为它在呈现输出时使用
fiddle.jshell.net
。但它应该像你在小提琴手外面说的那样工作。@adeneo:是的，我知道。不幸的是，我不能真正使用它，因为在鼠标进入悬停区域之前，指针图形是可见的。因此，一旦鼠标进入悬停区域，该指针图形（作为DOM元素准备就绪）就成为鼠标光标。@FrançoisWahl-我花了好几分钟试图摆弄自定义光标，但运气不佳。这就是为什么我只是把它作为一个评论贴出来的原因，我没有让它工作，但我以前在生产网站上做过，没有任何问题，什么问题？至于指针图形，为什么不在底部有一个指针的图像，在鼠标上隐藏该图像并使用自定义光标呢？@adeno:这是一个值得尝试的好主意。。。我必须将DOM中图像的css设置为最后一个鼠标位置，并在离开悬停区域时再次显示它。。。我会尽快用解决方案更新我的问题。在指针上隐藏光标是一个好主意，但不幸的是指针图形仍然会停止移动。正如我在问题的评论中提到的，很遗憾，我不能通过css使用自定义鼠标光标，因为指针图像始终可见，即使悬停区域没有悬停。fiddel中的指针式图形有点误导人，在我将使用它的项目中，它是一幅逼真的手的图片（比小提琴中的要大得多），所以我不能只使用光标：指针…@TimG:指针图形只有在你不再在黑盒上方时才会停止移动，否则，无论图像大小如何，它都会移动自如。它停止移动的确切含义是什么？是的，这就是我的意思–当鼠标光标位于指针图像上时，该图像停止移动，因为鼠标已离开黑框并进入指针图形。我想要的是，无论鼠标移动有多快，鼠标都不能进入指针图像。
.hoverBox {
    width: 400px;
    height: 300px;
    background: black;
    cursor: pointer;
}