Question

我设置自定义光标url(mouse2.cur)并且它没有改变。

(mouse2.png)完美无缺！问题是什么？

body{
    cursor: url(mouse2.cur),pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

Answer 1

不同的浏览器在游标的url中有不同的支持。

Firefox / Mac，Safari / Mac，Chrome / Mac不支持PNG和JPG游标（使用48px游标进行测试）。   IE仅支持CUR格式的游标。

根据CanIUse：http://caniuse.com/#search=cursor

W3C CSS3规范声明：

UA必须支持以下图像文件格式：


PNG，如[PNG]
中所定义
SVG，如[SVG]中所定义，在安全静态模式下[SVG-INTEGRATION]

他们在其他属性中支持的任何其他非动画图像文件格式，例如background-image   属性

顺便说一句，W3C CSS3规范说大多数浏览器都应该支持.cur游标。

注意：在编写本规范时（2015年春季），   只有普通桌面浏览器中游标支持的文件格式才有   .ico和.cur文件格式，由Microsoft设计。对于   与传统内容的兼容性，鼓励UA支持   这些，即使缺乏开放的规范也是如此   不可能对这些格式有规范要求。一些   有关这些格式的信息可以在维基百科上找到。

http://www.w3.org/TR/css3-ui/#cursor

最后，您的.cur文件可能已损坏甚至链接到它会返回404错误。请检查.cur文件的链接。

CSS .cur游标格式

1 个答案: