Question

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

<style type="text/css">
body {
cursor:url(Butterfly.gif);
}
</style>

它不起作用。我还有.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

如果您坚持，则必须使用.cur文件才能使用Internet Explorer。

Internet Explorer，包括版本8仅支持URI值输入.CUR和.ANI。（另一个列出浏览器列表支持.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）。

更改网页上的光标

3 个答案: