CSS光标:可以是半透明图像

时间:2012-02-07 01:19:38

标签: javascript html css

当我将鼠标光标放在 img 上时,我试图创建一个效果,它会在鼠标所在的小区域发光。

我通过img将光标更改为.gif来实现此目的。我已经使用了img的CSS cursor属性,但是当它应该是透明的时,光标图像(我在photoshop中制作的.gif)是平的。

是否可以在HTML / CSS中使用半透明光标?也许我需要使用.cur文件或者.ico?

我应该挂钩 onmouseover 事件&在移动时在鼠标下面放置一个img(透明的发光外观)?

2 个答案:

答案 0 :(得分:2)

如果您需要对图片进行动画处理,可以使用替代方法,但是使用32位PNG(不管是;),您应该优先使用GIF)。

答案 1 :(得分:-1)

您可以创建自己的自定义光标。

然后应用这种风格:

.customCursor {
   cursor: url('mycursor.cur');
}