自定义光标png有蓝色发光

时间:2013-08-25 11:08:43

标签: html css html5 css3 graphics

更新:我认为此问题可能与Mac OS X有关。如果我将鼠标悬停在较暗的区域,则会将光晕正确渲染为灰色。 Testable here。有人可以证实这一点吗?

对于我的HTML5-Application,我想使用自定义光标。我创建了以下png-image:

enter image description here

然而,当我使用CSS将光标更改为此图像时,它会发出蓝光(这是我的屏幕照片):

enter image description here

我使用的代码很简单:

cursor: url('images/cursor.png') 5 5, auto;

使用最新版本的Chrome for Mac。

如何删除这种奇怪的蓝色光芒?

我是否错误地将图片导出为PNG(我使用过Fireworks)?或者我在CSS代码中遗漏了什么?如果我使用img - 标记包含光标图像,则会正确呈现。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

你使用png,问题可能更多地存在于透明度中。

如果您认为这不是问题,请清除缓存并刷新页面。