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;
注意两个小问题:
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
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>
<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
加支付宝好友偷能量挖...