css - 我的自定义光标代码: How do I get it to work in IE?的演变

Question

我有一个使用图像的自定义光标。我的原始代码:

cursor:url(../images/drag_mini_bg.png);

然后我发现 Firefox 要求您定义默认备份以防找不到图像，并将其更改为:

cursor:url(../images/drag_mini_bg.png), default;

这适用于 Firefox 和 Chrome，但不适用于 IE。我读到 IE 使用 different source对于路径比其他浏览器和实现 this solution :

cursor:url(../images/drag_mini_bg.png),url(/images/drag_mini_bg.png),default;

(第二个 url 是相对于 html 文件而不是包含此代码的 css 文件。)

这似乎没有帮助，所以我发现了 this bug并将图像更改为 .cur 文件:

cursor:url(../images/drag_mini_bg.cur),url(/images/drag_mini_bg.cur),default;

但是，它仍然没有出现在 IE 中。还有什么我可以尝试的吗？

Answer 1

你读到的大部分内容都是正确的，但我会做一些修改:

• Firefox 确实需要添加附加参数。我的理解是，这个的理想值是 auto。但是，如果 default 适合您，请使用它。

• 正如您所知，IE 只能显示 .cur 文件类型的光标。 PNG 和 GIF 不起作用。

• 但是，我从来没有听说过 IE 使用不同的路径；相同的路径在所有浏览器中对我来说总是很好(当然，当使用 CUR 文件时)。您可能想提供您听到此消息的位置的引用，但我建议删除第二个 URL 可能会解决您的问题。

有一个名为 Quirksmode 的好网站，其中有很多浏览器兼容性表。特别是，他们有一个很thorough table covering CSS cursors ，它准确地展示了如何格式化它以使其在所有浏览器中工作，并提供了关于这些怪癖的示例和注释。

希望对您有所帮助。