cssCursor：url（）⾃定义⿏标指针样式为图⽚
css⾃定义⿏标指针样式为图⽚Cursor:url()的使⽤，今天在项⽬中，要⽤到⾃定义⿏标样式，格式：
css:{cursor:url('绝对路径的图⽚(格式：cur,ico)'),-moz-zoom-out;}//FF下⾯
css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以
前⾯url是⾃定义⿏标格式，图像的绝对路径地址，后⾯的参数是css标准的cursor样式，（IE下⾯可以不需要）
图标的格式根据不同的浏览器来分：IE⽀持cur,ani,ico这三种格式，FF⽀持bmp,gif,jpg,cur,ico这⼏种格式，不⽀持ani格式，也不⽀持gif 动画格式，因此来说⼀般将图⽚存为cur或ico格式⽐较好，如果是ani格式的话，那么可以在FF下⾯⽤jpg,gif,bmp来代替
(cursor:url(.....ani),url(.....gif),auto)
还有⼏个需要注意的地⽅：1.图⽚地址为绝对路径，2.图⽚⼤⼩最好是32*32的⼤⼩，反正在各个浏览器下⾯解析的⼤⼩不⼀样
Cursor:url()的使⽤：
cursor: url(),pointer;
url：需使⽤的⾃定义光标的 URL。图⽚类型需要是.cur或.ani格式的。(这次项⽬中我是⽤的.ico格式，并没有发现浏览器兼容问题)
pointer: 默认的⿏标光标样式，当没有到可⽤的定义光标时会使⽤此光标。
最近项⽬中有⽤到设置⿏标光标为⾃定义图⽚的特效，在使⽤Cursor:url()的过程中遇到了很多问题。
问题⼀ 浏览器不兼容问题：
在FF⽕狐中可以很正常的显⽰出来，⽽在IE中起初是显⽰不出来，后来是⿏标图⽚⼤⼩过⼩的问题，在Google浏览器中⿏标图⽚的⼤⼩问题更加的突出——超级的⼤。
碰到的情况正好和baidu到的结果相反，很多朋友遇到的问题都是不兼容FF浏览器。
对于在浏览器中⿏标图⽚不显⽰的问题，问题⼤概出在对⿏标图⽚URL路径的引⽤上。 可以分别尝试下绝对和相对路径的引⽤。
css鼠标点击样式
问题⼆ 各浏览器间⿏标图⽚⼤⼩不⼀致问题：
这种问题应该和各浏览器间对Cursor图⽚的解析有关系，起初我的⿏标图⽚⼤⼩是59*56的，后来把⿏标图⽚的尺⼨改为32*32后，图⽚⼤⼩不⼀致的问题就解决了。
(经测试发现，超过32*32尺⼨，就会出现这种问题)
问题三 IE中使⽤Cursor URL()出现⿏标闪动问题：
当对设置Cursor URL()的容器元素添加了Title或Alt时，就会出现这种现象。最后很⽆奈的把Title标签去掉了。难道是因为在IE中Cursor 会和Title、Alt冲突么？

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。