自定义光标图像不适用于所有 IE？

Question

我想我已经尝试了互联网上建议的不同方法，但没有任何效果。这是我当前的 css 代码：

div {
   cursor: url(images/zoomin.cur), auto;
}

除了在 IE 中之外，它工作正常......

Answer 1

我以这种方式解决了 Internet Explorer 中的抓取光标问题，引用了 @JasonGennaro 的回答：

在 Windows 版 Internet Explorer 版本 8 及之前版本中，如果
相对 URI 值在外部样式表文件中指定
基本 URI 被认为是包含以下内容的文档的 URI
元素，而不是声明所在样式表的 URI
出现。

.grab_cursor {
    cursor: grab !important; /*Without !important the .cur-file property below will overwrite this and browser will show default cursor*/
    cursor: -moz-grab !important;
    cursor: -webkit-grab !important;
    cursor: url('../img/cursors/openhand.cur'), url('img/cursors/openhand.cur'), n-resize; /* standard: note the different path for the .cur file */
    cursor: url('img/cursors/openhand.cur'), n-resize\9; /* IE 8 and below */
    *cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 7 and below */
    _cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 6 */
}

文件树：

index.html
css/style.css -> here the posted code
img/cursors/openhand.cur

好的参考资料：

• 一个
• 两个
• <一个href="http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/" rel="nofollow noreferrer">三

工作演示：

• 演示

Answer 2

由于不同的浏览器对待相对 URI 的方式不同，因此光标样式允许使用 url 列表。您可以拥有一个适用于 IE 的路径和一个适用于其他浏览器的路径：

div {
   cursor: url('app/images/zoomin.cur'), url('zoomin.cur'), auto;
}

在我的设置中，第一个 url 适用于 IE11（及更早版本），因为使用光标的脚本位于“cgi-bin/app”中，而 . cur 和 .css 文件位于“app/images”中。 IE使用文档位置作为基础，因此我需要添加更多路径信息来定位光标文件。第二个 url 在 Firefox 中有效，因为 .cur 和 .css 位于同一位置，并且 Firefox 使用 .css 位置作为基础，因此不需要额外的路径信息。

Answer 3

来自msdn文档：

url(uri)
Internet Explorer 6 及更高版本。光标定义为
作者，使用自定义 URI，例如 url('mycursor.cur')。 光标
type .CUR 和 .ANI 是唯一受支持的游标类型。

Answer 4

来自： http://www.w3schools.com/cssref/pr_class_cursor.asp

所有主流浏览器都支持光标属性。

注意：Opera 9.3 和 Safari 3 不支持 URL 值。

注意：IE7 及更早版本不支持“inherit”值。 IE8
需要一个 !DOCTYPE。 IE9支持“继承”。

Answer 5

要在 IE 中工作，您需要指定 CUR 文件的完整路径。例如：

html {
    cursor: url("../img/cursor.png"), url("http://www.example.com/dist/assets/img/cursor.cur"), default;
}

Answer 6

这一项工作对我来说在 IE10 中得到了证明，在 index.html 中索引（必须使用绝对路由）

<style type="text/css">
    .container{
    cursor: url(http://path/of/folder/image.cur), default !important;
        }
</style>

Answer 7

我在 IE 中也遇​​到了光标指针渲染问题。以下是我的解决方案。

您需要确定两件事。

1. 光标文件应该是.cur 或.ani 文件。
2. 您需要提供完整的 url 图像路径。 iehttp://abc.in/static/images/demo.cur

您可能会面临光标原点起始位置的问题。因此，您可以使用 https://www.cursor.cc 来解决该问题。网站。
它有一个热点（鼠标点击的位置）复选框，您可以通过使用它来决定指针位置。

希望以上细节可以解决所有指针问题。

Answer 8

我尝试使用 .ani 和 .gif 并且它有效。它应该是这样的：

body {
cursor: url(images/dog.ani), url(images/dog.gif), progress !important;
}

这个 css 适用于我的 chrome、firefox 和 IE 网站。

Answer 9

不幸的是，cursor 在 IE 中是有明显错误的，至少在 8 之前（包括 8）

在 Windows 版 Internet Explorer 版本 8 及之前版本中，如果
相对 URI 值在外部样式表文件中指定
基本 URI 被认为是包含以下内容的文档的 URI
元素，而不是声明所在样式表的 URI
出现。

http://reference.sitepoint.com/css/cursor

您可能希望能够使用条件注释 以 IE 为目标，然后使用不同的 url 为其提供修改后的样式规则。