那是我本来搜集的信息:
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途径的引用上。 能够别离测验考试下绝对和相对途径的引用。
问题二 各阅读器间鼠标图片大小纷歧致问题:
那种问题应该和各阅读器间对Cursor图片的解析有关系,起初我的鼠标图片大小是59*56的,后来把鼠标图片的尺寸改为32*32后,图片大小纷歧致的问题就处理了。
(经测试发现,超越32*32尺寸,就会呈现那种问题)。