为我的网站创建自定义光标

时间:2013-05-17 05:54:48

标签: css css3 cursor

我之前从未创建过自定义光标,而且我遇到了一些麻烦。也许我这样做完全错了,但我尝试在photoshop中打开一个图标,并将其保存为.gif和.cur,但它仍然无法在我的网页上运行。是否需要像favicon这样的特定尺寸?我该怎么做呢?

我在css中的代码:

body{
  cursor:url('cursor.gif'), pointer;
}

2 个答案:

答案 0 :(得分:1)

图像格式应为图标(.ico)。正常大小应为32x32。 但这取决于要求。

答案 1 :(得分:0)

请参阅MDN Documentation。它说:

在Gecko(Firefox)中,光标大小的限制为128×128px。忽略较大的光标图像。但是,为了与操作系统和平台的最大兼容性,您应将自己限制在32×32的大小。

支持以下图片格式: enter image description here