Question

我试图找到解决方法。我的源图像由github托管，我的代码似乎与所有文档一致。

以下是笔的精简版： [编辑]

问题代码：

.opacity-layer:hover {
  box-shadow: inset 0 0 0 10000px rgba(0,0,0,.4);
  cursor: crosshair;
  cursor: url(https://raw.githubusercontent.com/zimaben/AcmeProject/master/images/pointer.png), auto;
}

悬停时的光标图像既不显示也不会为我抛出错误。这是CodePen问题吗？

Answer 1

发现问题，留下问题以防其他人遇到此问题。有问题的图像刚好超过了浏览器接受光标图像的尺寸限制。文档是不稳定的，因浏览器而异，但这里是为我解决的文档链接：

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property

Codepen没有通过URL显示我的自定义光标

1 个答案: