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> 

を我々はfadeshowのための画像/イメージマップを回転させるためにいくつかのJavascriptを使用している、とtestanimはfadeshowの上にオーバーレイ小さな画像ですが、今でイメージマップを行いますうまくいかない。私はアニメーションを稼働させることに非常に興奮しましたが、今はこのバグがあります。誰も私を助けることができますか？

Answer 1

私はこれを回避する方法はないと思います。あなたは本質的に要素を別の要素で "覆い隠しています"。

私が考え得る唯一のことは、イベントのバブリング（クリックイベントをファドシュウにバインドする）に依存することだけです。クリックした座標がイメージマップで指定された範囲内にあるかどうかを判断するには、かなり複雑なロジックが必要になるでしょう。