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

时间:2013-01-22 11:43:58

标签: hover transparency imagemap overlapping

我坚持使用下面的菜单。所有网站都需要HTML格式。

http://hpics.li/740c57f

什么:当鼠标移动时,我希望所有不同部分都有悬停图像。 (事件/品牌/网站/打印/ UI / VIDEO)

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

解决方案我试过:用于检测区域的Imagemap,然后将JavaScript代码放入AREA中。不起作用。 用于检测区域的Imagemap,在AREA中放置一个id并使用带有.hover(function()的分离JQUERY。不起作用。 使用z-index:不可能,因为总会有一个图像隐藏下面的图像。

问题:如果我无法使用ImapeMAP选择我的区域并使用CSS或JQUERY,我该怎么办?

非常感谢你的帮助!

1 个答案:

答案 0 :(得分:0)

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

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