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

加支付宝好友偷能量挖...


评论(0)网络
阅读(111)喜欢(1)HTML/CSS兼容/XML