图像对悬停的影响不透明

时间:2013-02-16 15:22:05

标签: javascript html css image hover

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

因为我有一些透明的图像。

然后我想制作一个悬停效果,当鼠标悬停在图像不透明的地方的图像上时,该效果将首先运行。

这有可能吗?

希望能够理解。

3 个答案:

答案 0 :(得分:0)

可能有可能,不管怎样你可以修复位置或坐标值,我认为你应该使用画布并将你的图像置于其中并借助鼠标事件你可以捕捉鼠标功能并尝试使用jQuery进行悬停效果。

答案 1 :(得分:0)

您是否尝试过使用地图标记? http://www.w3schools.com/tags/tag_map.asp

答案 2 :(得分:0)

可以使用canvas元素,我实际上为这个做了一个插件^^也许这可以帮到你:https://github.com/Bahlor/jQuery-Pixel-Related-Object-Selection

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