4

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

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

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

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

这适用于 Firefox 和 Chrome，但不适用于 IE。我读到 IE 使用与其他浏览器不同的路径源并实现了这个解决方案：

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

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

这似乎没有帮助，所以我发现了这个错误并将图像更改为 .cur 文件：

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

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

4

2 回答 2

1

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

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

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

  • 但是，我从未听说过任何关于 IE 使用不同路径的信息。在所有浏览器中，相同的路径对我来说一直都很好（当然，在使用 CUR 文件时）。您可能想提供您在哪里听到的参考，但我建议删除第二个 URL 可能会解决您的问题。

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

希望有帮助。

于 2012-12-31T18:11:04.563 回答
0

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

于 2020-12-22T05:02:47.617 回答