新空间，请大家多支持。

FireFox3自定义鼠标指针正常显示问题

上一篇 / 下一篇 2008-09-04 11:26:38

最近朋友说发某个鼠标指针很好看，和呜啦岛的整体风格很配，于是想反鼠标指针应用到网页上，其实很简单，只需要在body标签里插入以下代码即可。

cursor:url('templates/voora.net/images/voora_arrow.cur'),auto;

然后一切访问正常，后来某天，把浏览器从FireFox2.x升级到Firefox3.0，突然发现自定义的鼠标指针不显示了，奇怪……用IE-tab模拟IE情况下看看，IE6和IE7都好好的显示了，这证明了，是FireFox3存在问题，是不是CSS标准规范改了？于是上网搜索一下，国内使用FireFox用户并不多，相关资料几乎是空白，找到些外国资料来看，有人提问过相关问题，回答的人说没有安装过Firefox3，但Firefox2下显示良好，这种答案等于没答。

原文地址：http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23652860.html

自己乱试了一会儿，无果，只好放弃吧，某天，要为个人博客加上这个鼠标指针，同样的方法，但是因为个人博客的模版路径深度不同，有些有一及深度（例如http://doru.voora.net/2），有些有二级深度（例如http://doru.voora.net/2/），所以必须图片路径不能使用相对路径，要使用绝对路径来定位，于是将以前的代码改成了：

cursor:url('/templates/voora.net/images/voora_arrow.cur'),auto;

IE下测试通过，现在就没在管了，翌日，突然发现FireFox下竟然也正常显示，神奇了，难道是FireFox3只支持绝对路径而不支持相对路径？经实验证明FireFox3真的只支持绝对路径，正确的完整写法如下：

body { cursor:url('templates/voora.net/images/voora_arrow.cur'),url('/templates/voora.net/images/voora_arrow.cur'),auto; }

或

body { cursor:url('templates/voora.net/images/voora_arrow.cur'),url('http://doru.voora.net/templates/voora.net/images/voora_arrow.cur'),auto; }

补充说明：Firefox的引用规则是第一个路径找不到文件，就引用第二个路径，第二个路径找不到就引用第三个，以此类推，第一个地址IE和firefox(1/2)都能很好地显示，第二个路径是供firefox3使用的，第三个则是仅在前面路径都找不到的时候使用的系统指针。另外firefox并不支持ani文件，所以xxx.ani在IE下正常显示，firefox是无视的。如果你喜欢使用图片指针，也可以将voora_arrow.cur改成xxx.gif等等都可以。

总结：不知道FireFox为什么会有这样的规定，但个人浅见认为这并不合理，网站路径和目录因为发现的需要经常会调整和更改，非常使用绝对路径的话每次移动目录都要修改样式，这样非常麻烦，希望升级补丁能修正这一问题。