Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS光标:它可以是半透明图像吗_Javascript_Html_Css - Fatal编程技术网

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

Javascript CSS光标:它可以是半透明图像吗,javascript,html,css,Javascript,Html,Css,当你将鼠标光标放在img上时,我试图创建一种效果,它在鼠标所在的小区域发光 我通过在img上将光标更改为.gif来实现这一点。我在img中使用了CSS cursor属性,但是光标图像(我在photoshop中制作的.gif)在应该是透明的时候是平面的。 是否可以在HTML/CSS中使用半透明光标?也许我需要使用.cur文件或者.ico文件 我是否应该在鼠标移动时挂起onmouseover事件并在鼠标下方放置一个img(具有透明的发光外观)?如果需要对图像设置动画,您可以选择另一种方式,但可以改为

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

我通过在img上将光标更改为.gif来实现这一点。我在img中使用了CSS cursor属性,但是光标图像(我在photoshop中制作的.gif)在应该是透明的时候是平面的。

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


我是否应该在鼠标移动时挂起onmouseover事件并在鼠标下方放置一个img(具有透明的发光外观)?

如果需要对图像设置动画,您可以选择另一种方式,但可以改为使用32位PNG(与GIF相比,您应该更喜欢它))应该可以工作。

如果需要为图像设置动画,您可以选择另一种方法,但使用32位PNG(无论怎样,您都应该更喜欢它))应该可以工作。

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

然后应用此样式:

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

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

然后应用此样式:

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