Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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 悬停时的图像效果不透明_Javascript_Html_Css_Image_Hover - Fatal编程技术网

Javascript 悬停时的图像效果不透明

Javascript 悬停时的图像效果不透明,javascript,html,css,image,hover,Javascript,Html,Css,Image,Hover,如果图像的悬停位置不透明,是否可能使图像具有悬停效果 因为我有一个透明的图像 然后我想做一个悬停效果,当鼠标在图像上的一个地方不是透明的时候,它会首先运行 这有可能吗 希望它是可以理解的。可能是可能的,你可以通过某种方式确定位置或坐标值,我认为你应该使用画布并将图像放在其中,借助鼠标事件,你可以捕捉鼠标功能并尝试使用jQuery实现悬停效果。你尝试过地图标签吗 使用canvas元素是可能的,我实际上为此制作了一个插件^ 此脚本允许检查图像的透明/非透明区域,如果另一个元素位于重叠元素的透明区域后

如果图像的悬停位置不透明,是否可能使图像具有悬停效果

因为我有一个透明的图像

然后我想做一个悬停效果,当鼠标在图像上的一个地方不是透明的时候,它会首先运行

这有可能吗


希望它是可以理解的。

可能是可能的,你可以通过某种方式确定位置或坐标值,我认为你应该使用画布并将图像放在其中,借助鼠标事件,你可以捕捉鼠标功能并尝试使用jQuery实现悬停效果。

你尝试过地图标签吗

使用canvas元素是可能的,我实际上为此制作了一个插件^

此脚本允许检查图像的透明/非透明区域,如果另一个元素位于重叠元素的透明区域后面,还允许单击通过。使用背景图像处理图像元素和div