=波波日志 > HTML/WML/CSS兼容/XML > firefox 支持自定义 CSS cursor=

[转]firefox 支持自定义 CSS cursor

firefox 支持自定义 CSS cursor

Gecko 1.8 (Firefox 1.5)以上即可。注意,逗号分隔多个选择(左边优先),最后必须以标准的 CSS cursor 属性结束,如 pointer,auto 等。

甚至可以指定cursor 的坐标

cursor:url(images/logo_baidu.gif) 100 20,auto;

+展开
-HTML
<p>
<style>
<p>div {cursor: url(mouse.cur), url(vote.gif), auto;}</p>
<p>div:hover {background:#eee}</p>
<p>div#a {cursor: url(mouse-notexist.cur), url(vote.gif), auto;}</p>
<p>div#b {cursor:url(images/logo_baidu.gif) 100 20,auto;border:solid 1px #666;width:300px;height:60px;}</p>
</style> 
<div>test cursor here</div>
<div id="a">test cursor here</div>
<div id="b">test cursor here</div>
</p>


注意两个小问题:

1.firefox 暂时不支持 .ani

2.下面两个写法 firefox 都无法正确执行。

cursor: url(foo.cur);

后面没有 auto或者 pointer 等标准属性。

cursor: url(foo.cur), pointer, url(bar.cur), auto;

uri 必须在前,标准属性在后。

这应该都不是什么大问题,应该是 gecko 开发人员偷懒所致,估计很快会被解决。

更多资料:

Using URL values for the cursor property
类别:HTML/WML/CSS兼容/XML 作者:转载 日期:2009-07-29 【评论:0】 
 
暂时没有评论!
发表留言
  • *昵称:
  • 头像:
  • 电子邮件: [留下您的邮件,方便管理员回复您。]
  • 个人网站: *验证码:
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载或引用的作品侵犯了您的权利,请通知我们,我们会及时删除!
Powered by showbo,©2012WEB编程网桂ICP备05005887号 京公网安备1101055090