CSS 中的 Opera 和自定义光标答案

【问题标题】：Opera and Custom cursor in CSSCSS 中的 Opera 和自定义光标
【发布时间】：2011-09-03 23:50:03
【问题描述】：

我通常为 Opera 实现所有真正正确的 CSS 感到非常自豪，但使用以下行实现自定义光标似乎不起作用

cursor:url("../pics/merge.gif");

网址正确，因为它适用于常规背景图片属性。
适用于其他浏览器，但不适用于 Opera。

有什么想法吗？

【问题讨论】：

标签： css opera

【解决方案1】：

Opera 尚未添加对此的支持。不过，该行是不正确的，根据规范，需要一个后备光标。所以你必须写例如

cursor:url("path/to/cursor"), 等待；

（免责声明：我为 Opera 工作。）

【讨论】：

【解决方案2】：

Opera 有一个使用 javascript 的解决方法：

工作正常，在 opera 11 中测试，不过我建议其他浏览器使用通常的 css 方法，尤其是较旧的 ie，即使没有 js 也不会太快。

【讨论】：

不是最可取的解决方案，但如果其他一切都失败了，这可能是最好的选择。谢谢
需要注意的是，在 Opera 中，jQuery “修复”不会替换光标，而只是在光标每次移动时在光标下放置一个图像；因此你得到一个双光标（其中一个可能有点滞后/跳跃）。
plugins.jquery.com 现在不能用了，不过有类似的解决办法：jquery.kidsil.net/custom-cursor htmlgoodies.com/beyond/css/…

【解决方案3】：

Opera doesn't seem to 支持 url 属性。它甚至可能来自规范中的be being removed（将检查）。

【讨论】：

【解决方案4】：

js版本真的很慢。图像也有文件大小限制。 https://developer.mozilla.org/en/CSS/cursor 是阅读 CSS 光标的好地方。

【讨论】：