css - 更改网页上的光标

Question

我正在尝试使用 .gif 图像更改光标。它将显示在整个页面上，而不仅仅是一个链接。我让它像

body {
    cursor:url(Butterfly.gif);
}

这没用。我也有.cur档案。它适用于 IE，但不适用于 Firefox。

Answer 1

你必须添加一个后备，例如

body {
  cursor: url(Butterfly.gif), url(Butterfly.ani), auto;
  /*                                            ^^^^^^ 
                                                compulsory, according to CSS 2.1
   */
}

有关详细信息，请参阅https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property。

Answer 2

如果您坚持，您必须为.curInternet Explorer 使用该文件。

Internet Explorer 8 版及以下版本仅支持 .CUR 和 .ANI 类型的 URI 值。（其他列出的浏览器列表支持 .CUR、.PNG、.GIF 和 .JPG，但不支持 .ANI。）还要注意，Windows 操作系统要求图像为 32 x 32 像素或更小，尽管规范允许比这更大的尺寸。

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

虽然我会说根本不要使用它。

Answer 3

您可能希望使用绝对路径 ( http://www.example.com/images/Butterfly.gif) 来确保它完全有效，而不是使用相对路径 ( Butterfly.gif)。