html - 覆盖 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是否正确包含拇指图像，而不是div覆盖。2.如果div不能容纳大拇指，可以在div覆盖中给出css code(overflow:hidden)。3.要让你的拇指出现在div覆盖的顶部，你可以把z-index：9999放在拇指div中，并将重叠div的z-index设置为小于拇指div。

这是你想要达到的目标吗？