onmouseover 只是在图像的非透明部分答案

【问题标题】：onmouseover just on the non-transparent part of the imageonmouseover 只是在图像的非透明部分
【发布时间】：2013-01-22 11:43:58
【问题描述】：

我被下面的菜单卡住了。所有网站都必须是 HTML。

http://hpics.li/740c57f

什么：当鼠标移到上面时，我想为所有不同的部分制作一个悬停图像。（活动/品牌/网站/印刷/UI/视频）

问题：当我在 png 的透明度上时，图像重叠并且鼠标悬停开始。

我尝试过的解决方案：Imagemap 来检测区域，然后将 javascript 代码放入区域内。不起作用。 Imagemap 来检测区域，在 AREA 中放置一个 id 并使用带有 .hover(function(). 的单独 JQUERY 不起作用。使用 z-index：不可能，因为总会有一张图片会隐藏在下面。

问题：如果我无法使用 ImapeMAP 选择我的区域并使用 CSS 或 JQUERY，我该怎么办？

非常感谢您的帮助！

【问题讨论】：

标签： hover transparency imagemap overlapping

【解决方案1】：

可能为时已晚，但确切的情况实际上可以通过我大约 3 个月前写的课程来解决。它允许您检查您是否在透明区域上，还可以检查透明区域后面的其他元素，这允许重叠多个透明图像并在正确的点正确地从一个图像跳转到另一个图像。

http://www.cw-internetdienste.de/pixelselection/

【讨论】：