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 overlay 中给出css code(overflow:hidden)。3. 为了让你的拇指出现在div overlay的顶部，你可以在thumbs div中设置z-index:9999，并设置overlay div的z-index小于thumbs div。

这就是你想要的吗？