我的自定义光标代码的演变：如何让它在 IE 中工作？答案

【问题标题】：Evolution of my custom cursor code: How do I get it to work in IE?我的自定义光标代码的演变：如何让它在 IE 中工作？
【发布时间】：2012-12-15 11:43:57
【问题描述】：

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

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 中。还有什么我可以尝试的吗？

【问题讨论】：

【解决方案1】：

您阅读的大部分内容都是正确的，但我会做一些修改：

Firefox 确实需要添加附加参数。我的理解是这个的理想值是auto。但如果default 适合你，那就用它吧。
如您所说，IE 只能显示 .cur 文件类型的光标。无法使用 PNG 和 GIF。
但是，我从未听说过任何关于 IE 使用不同路径的信息。在所有浏览器中，相同的路径对我来说一直都很好（当然，在使用 CUR 文件时）。您可能想提供您在哪里听到的参考，但我建议删除第二个 URL 可能会解决您的问题。

有一个很好的网站叫做 Quirksmode，里面有很多浏览器兼容性表。特别是，他们有一个非常 thorough table covering CSS cursors，它准确地展示了如何格式化它以使其在所有浏览器中都能正常工作，并附有关于怪癖的示例和注释。

希望对您有所帮助。

【讨论】：

【解决方案2】：

如果您在 8 年后仍想解决这个问题...我会补充一点，有些浏览器具有最大图像大小，所以您的可能太大了。我相信您希望将其保持在 32x32 像素以下。

【讨论】：