如何利用CSS制作网页中鼠标样式并且兼容FOX和IE

来源:百度知道 编辑:UC知道 时间:2024/06/09 11:19:15
求助高手~!如何利用CSS制作网页中鼠标样式并且兼容FOX和IE~!
主要的就是兼容游览器~!在此谢过~!

<style type=text/css><!--
BODY{cursor:url('网页默认鼠标地址');}
a{cursor:url('放在连接上显示的鼠标地址');}
--></style>
这种方式是不兼容FOX的 我用的是动画鼠标(.ani文件) .急用~!麻烦了~!
joier 的答案好像也不是很好用~!还有人有办法吗~?在此谢过~!

没办法兼容fox
只能兼容ie6及以上版本
在css2.1的手册中写到

url ( url ) : IE6.0 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。

要在IE下使用的话
在CSS文件中这样写

body {
cursor:url("www.xxx.com/xxx.ani"), default;
}

只能IE下OK,因为CSS本身就这样的。

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

甚至可以指定cursor 的坐标

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

<style>
div {cursor: url(mouse.cur), url(vote.gif), auto;}
div:hover {background:#eee}
div#a {cursor: url(mouse-notexist.cur), url(vote.gif), auto;}

div#b {cursor:url(images/logo_baidu.gif) 100 20,auto;border:solid 1px #666;width:300px;height:60px;}
</style>
<div>test cursor here</div>
<div >test cursor here</div>
<div >test cursor here</div>

注意两个小问题: