网页中自定义鼠标样式,cursor

       属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。

标准写法:
cursor: url(images/pen_il.cur),auto; /* windows系统的光标文件存放在 C:\WINDOWS\Cursors */
cursor: url(mouse-notexist.cur), url(vote.gif), auto;

也可:
cursor:url(images/logo_baidu.gif) 100 20,auto; /* 100 20 是cursor 的坐标*/

FF支持jpg、gif、cur等文件,不支持.ani
IE则只支持cur、ani

有的时候我们会用到自定义鼠标指针cursor,当我们将做好了的cur图标放在图片文件夹下面,在CSS文件中写上如下代码:


.setMouse{cursor:url("../images/skin/mouse.cur"), auto;}

却发现图标在IE浏览器中没有正常显示。经过测试,原因找到了,IE不支持在CSS文件中写相对路径的cursor。
解决办法很简单,改成相对根路径:


.setMouse{cursor:url("/images/skin/mouse.cur"), auto;}

或者是绝对路径:


.setMouse{cursor:url("http://www.vpedi.com/images/skin/mouse.cur"), auto;}
posted @ 2011-03-30 21:07  地球火星人  阅读(685)  评论(0编辑  收藏  举报