CSS 光标图像异常问题

Question

我是不是漏掉了一些很明显的东西？我正在尝试用 png 替换光标 css 属性 here

我可以使用演示 'happy.png' 但不明白为什么它不能与我的 'call-me-hand.png'

一起使用

.next {
   cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png"), auto;
   cursor: url("https://robcleaton.github.io/warface/assets/images/call-me-hand.png"), auto;
}

CodePen

Answer 1

我用 this link 试过你的笔，然后......它成功了！不知道为什么它不适合你...

Answer 2

光标属性对 url 值有限制，具体取决于浏览器和 OS。例如，Firefox 不支持大于 128 x 128 像素的图像。要使其正常工作，请减小给定图像的尺寸。

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property

CSS 光标图像异常问题

CSS cursor image bizarre issue

html

css

cursor