CSS - 自定义光标在Firefox中看起来很糟糕

时间:2013-01-09 09:56:18

标签: css

我很难让Firefox以我想要的方式显示我的自定义光标。它的工作就像Chrome中的魅力(在IE中根本没有......),但在Firefox中看起来非常糟糕的gif图像。不得不说,它是透明的.cur。我会很高兴得到任何帮助。

Chrome:enter image description here Firefox:enter image description here

这是一个CSS代码:

#productImg TD IMG:hover {cursor: url('images/cursor.cur') 16 16, auto;}

1 个答案:

答案 0 :(得分:0)

很抱歉,这不是答案,但我没有足够的荣誉发布到评论部分。你能展示用来使.png工作的CSS以及你的文件结构(即相对于.css文件或源元素的文件吗?)。虽然它们在其他浏览器中运行良好,但我无法在FF中使用.cur或.png。我一直在关注这篇文章中的建议,除了FF之外,其他浏览器似乎都很好。

http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/

仅供参考我正在尝试将此应用于BODY标签(并非这应该重要)。尽管Inspector报告值为Auto,但FF识别Firebug和Inspector中的CSS。当我手动将属性设置为测试Div / Class时,FF只会删除该属性。目前的代码如下。

cursor:url(img / cursors / tinyGreen.cur),url(../ img / cursors / tinyGreen.png),url(../ img / cursors / tinyGreen.cur),默认;