マップタグは、重複する2つの画像にどのように使用できますか？

透明なセクションを持つ2つのイメージがあり、それぞれにマップがあり、別々に動作します。画像がCSSの相対的な位置と絶対的な位置を使用して重複している場合、トップマップだけが機能するようです。両方のマップを動作させるための方法はありますか？マップタグは、重複する2つの画像にどのように使用できますか？

編集：私たちはMozillaとw3標準での作業にのみ関心があるので、IEの回避策は必要ありません。

出典

2009-08-27 Adam

これは仕様です。 HTML 4.01仕様によれば、セクション13.6.1（「クライアント側イメージマップ：MAPとAREA要素」）：

「は、2つ以上の定義された領域重なり、領域画定要素場合に文書内で最も早く表示されますが優先されます（つまり、ユーザ入力にに応答します）。

Source

注以下同じ質問への答えを探しに来る人のために：この回答は画像の重複問題に対処しません。コメントを参照してください。

出典

2009-08-27 17:43:27 Donut

ああ、私は「2つ以上の定義された領域が重なっているところだ」と考えました。これは、大きなボックスがマップされていて、その内部に小さいボックスがあり、ボックスには大きなボックスマッピングが使用されます。 – Adam

Wait ...これは、2つの領域が*どこにでも*重複している場合、2番目の領域定義要素はユーザー入力に応答しないことを意味します** **すべて - 最初の領域で重複していない場所でも？それは私が "優先する"と意味するものではありません。 – LarsH

いいえ、私はこの質問に対する答えは正しいとは思いません。 OPは複数の*画像*を参照しているので（画像マップは別々）、引用されたスペックは同じ ''内の複数の ''要素を参照しているだけです。そして、仕様が言うことは**第2の「」がユーザーの入力に全く反応しないことを意味しません（これはOPが取り組んでいるものです）。少なくとも、引用されたテキストはその解釈をサポートしておらず、Firefox/IEでのテストでは、オーバーラップの外側の入力に応答する2番目の ' 'が表示されます。 – LarsH

マップタグは、重複する2つの画像にどのように使用できますか？

答えて

関連する問題