Question

我使用CSS属性游标在Chrome和Firefox上运行自定义光标。但是，在Microsoft Edge上，光标似乎有一个偏移量。为了准确选择项目，我必须瞄准我的自定义光标。

我有什么办法可以解决这个问题吗？或者这是某种限制？

编辑：我应该提一下，我正在使用自定义图像作为我的光标。

Answer 1

在IE和Edge中，仅支持.cur文件，请参阅https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx。（Edge支持其他格式，但不支持您在Martin Beeby的评论中提到的交互点定义，这些格式非常无用。）.cur文件允许您定义交互点。只需google for＆＃34; .cur编辑＆＃34;并选择适合您的编辑器来创建.cur文件。

由于其他浏览器确实支持交互点的定义，但不支持.cur格式，因此必须在css中定义两个游标属性，第一个使用.cur文件，第二个使用.png或其他格式。交互点定义。 IE和Edge将忽略第二个，对于其他浏览器，.cur文件将被覆盖，这样它将跨浏览器工作。

div {
    cursor: url(path/to/cursor.cur), auto; /*IE and Edge*/
    cursor: url(path/to/cursor.png) 4 12, auto; /*Chrome, FF, etc.*/ 
}

另一方面，请务必阅读此（http://blog.stchur.com/2006/11/02/ie-bug-dealing-with-css-custom-cusors/）文章。它是关于IE 6中的相对路径错误＆amp; 7，但是IE 11中的bug仍然存在。虽然在Edge中解决了这个问题（至少在我最近尝试时）。因此，您需要通过.cur文件的路径进行一些操作，以使其在IE和Edge上运行。请参阅文章中提到的解决方法。

Answer 2

在CSS中，您可以传入指定交互点的坐标。

也许添加这些将有助于解决您的问题？

/* Using URL and coordinates */
cursor:  url(cursor1.png) 4 12, auto;

Microsoft Edge上的自定义光标具有偏移量

2 个答案: