html - 要素の下に移動せずにズーム付きのオーバーレイdiv

Question

画像のサムを含むバーを移動せずに、画像のズームを含む div をオーバーレイするのに助けが必要です。

私が試したことの 1 つは、すべての div で z-index をいじることでしたが、うまくいきません。次に、ズームのコンテナー div の幅と高さを変更してみましたが、その結果、コンテナーの高さの変更の結果、下部の親指のバーが下に移動しました。

これが私の各試行の例です

 http://jsfiddle.net/justelnegro/KU6NU/22/ <--- here's the zoom doesn't appear completely 

 http://jsfiddle.net/justelnegro/KU6NU/20/ <--- here's the bottom elements move

Answer 1

意味がわからないので具体的に書いていただけますか？

私はあなたに提案をすることができます: 1. div オーバーレイからではなく、オーバーレイ div に親指の画像が正しく含まれていることを確認する必要があります。2. div がつまみに対応していない場合は、div オーバーレイで css コード (overflow:hidden) を指定できます。3. 親指を div オーバーレイの上に表示するには、親指 div に z-index:9999 を配置し、オーバーレイ div の z-index を親指 div よりも小さく設定します。

これはあなたが達成したいことですか？