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

标签 css cursor codepen

我试图找到解决这个问题的方法。我的源图像由 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 问题吗?

最佳答案

找到问题,留下问题以防其他人遇到这个问题。有问题的图像刚好超过浏览器接受的光标图像的尺寸限制。文档参差不齐并且因浏览器而异,但这里是为我解决它的文档链接:

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

关于css - Codepen 没有通过 URL 显示我的自定义光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49379227/

相关文章:

C电话本程序: Reposition cursor in text file to start of previous line

javascript - 如何导出 Codepen 以在网站的 HTML 中使用

css - 内嵌 CSS IE hack

javascript - 如何通过javascript动态添加新按钮

javascript - 从 JSON 获取缩略图

mysql - 实现下面的查询是否需要使用游标?

java - 查询特定联系人的未读文本 Android

css - codepen 禁用外部图像链接

javascript - CodePen React 代码无法加载我的渐变背景

javascript - 在 head 元素中附加子元素时如何将 Controller 范围变量传递给 angular.element