すべてのコードの問題の説明を参照してください。
概要: (基本的にイメージマップの作成)
- 私は比較的配置されたdivを持っています（これをコンテナと呼びます:)）、1つの画像と独自の画像を持ついくつかのdivタグを含みます。
- コンテナ直下の画像が背景画像です。
- コンテナーの下の div は、背景画像の上に絶対に配置されます。幅と高さは、キャプチャを「ホバー」と呼べるように設定されています。
- これらの div の下にある画像は、最初は非表示になっています (画像のサイズは、それぞれの div の幅と高さに使用されます)。
- これらの div の 1 つにホバーが発生すると、そこに含まれる画像が表示されます)
==> 配置と非表示の表示はすべて jquery を介して行われます。詳細については、投稿の上部にある貼り付けリンクを参照してください。
これは chrome と firefox では問題なく動作しますが、IE9 でテストすると、ホバーは機能しません。div の z-index で遊んでみましたが、役に立ちませんでした。誰かがこの問題に光を当てることができますか?
すべてのコードの問題の説明を参照してください。
どうも！
編集:提供されたコードからjsfiddleを作成しました: