javascript - 光标不能使用光标 url 工作?

标签 javascript html css

<分区>

第二个例子工作,手确实出现了,但为什么第一个 div 不工作?

div {
  cursor: url('http://i.imgur.com/EuDeZWn.png'), auto;
}

span {
  cursor: url('http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif'), auto;
}
<div>
  target
</div>
<br>
<br>
<span>
  target 2
</span>

最佳答案

来自 MDN :

In Gecko (Firefox) the limit of the cursor size is 128×128px. Larger cursor images are ignored. However, you should limit yourself to the size 32×32 for maximum compatibility with operating systems and platforms.

您的图像是 237 x 173,明显更大。

关于javascript - 光标不能使用光标 url 工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38954223/

上一篇:html - 我可以为同一字体定义多个字体系列名称吗?

下一篇:javascript - 一页滚动点导航在 Javascript 和基于 jQuery 的 url 中平滑过渡

相关文章:

java - Struts 2 Action 类中的复选框值

Javascript函数变量作用域

php - 调用多个 CSS 文件

html - 未激活的移动边距错误 - Bootstrap

javascript - 使用 JavaScript 创建带有对象数组的三级依赖下拉列表

java - 拖动时自动滚动 - Vaadin DragDrop 附加组件

html - 尽管只指定了一种颜色,但线性渐变显示两种颜色

javascript - 1个gulp文件构建多个项目

CSS:Linux 上损坏的菜单布局

javascript - 谷歌驱动器 API v3 javascript : moving files