我试图找到解决这个问题的方法。我的源图像由 github 托管,我的代码似乎与所有文档一致。
这是笔的精简版:[redacted]
问题代码:
.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 问题吗?
最佳答案
找到问题,留下问题以防其他人遇到这个问题。有问题的图像刚好超过浏览器接受的光标图像的尺寸限制。文档参差不齐并且因浏览器而异,但这里是为我解决它的文档链接:
关于css - Codepen 没有通过 URL 显示我的自定义光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49379227/