用變焦覆蓋div而不移動到元素下方

Question

我需要幫助覆蓋包含圖像縮放的div，而不移動包含圖像縮略圖的欄。

我嘗試過的一件事是在所有的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包含正確的拇指圖像，而不是覆蓋區外。 2.如果div不能容納拇指，可以在div覆蓋中給出css代碼（溢出：隱藏）。 3.爲了讓你的拇指出現在div覆蓋層的頂部，你可以將z-index：9999放在thumbs div中，並設置覆蓋div的z-index小於thumbs div。

這是你想達到的目的嗎？