将鼠标光标更改为精灵div

Question

例如，我们通常使用：

style.cursor="url("+url here+"),auto";

问题是，如果图像尚未呈现，则会创建HTTP请求。是否可以将鼠标光标样式设置为a，例如：

<div class="sprite mouseimageclasshere"></div>

而不是必须是图像的直接链接？这样，就没有发送不必要的HTTP请求。 （当然，一旦用户加载了精灵图像）。

Answer 1

一般情况下，只要有网址，就可以拥有base64-encoded data-URI。

存在一些边界情况（旧IE中的大小限制，不能具有某些文件类型），但图像通常是正常的。 鼠标游标可能是规则的例外之一，值得一试。 （如果你把小提琴和光标文件放在一起，我们就可以更容易地提供一个例子。）