覆盖DIV正在破坏图像，帮助！

Question

我有一个小问题。为了保持简短，我有一个容器div和一个div，用于旋转图像以及每个图像中可点击链接的图像映射，如带有内置导航的图库本身。最近，我被要求将一些简单的动画覆盖到image/div上。我用jsAnim来完成这个...并成功，但现在包含div的原始图像链接不再有效。

代码工作是这样的：

<div class="container"> 
    <div id="testanim" style="z-index:2; width:50; height:50;"><a href="#"><img src="test.png" ></a></div> 
    <div id="fadeshow"></div> 
</div> 

我们有一些JavaScript用于旋转出图像/图像映射为fadeshow和testanim是覆盖在fadeshow的顶部有一个小图像，但现在的图像映射做不行。我很高兴能够使动画工作，但现在我有这个bug来处理。任何人都可以帮我吗？

Answer 1

我不认为这有什么办法。你基本上是用另一个元素“掩盖”一个元素。

我能想到的唯一事情就是依赖事件冒泡（将点击事件绑定到fadeshow）。您可能需要一些相当复杂的逻辑来确定点击的坐标是否在图像映射指定的范围内。