使用缩放覆盖div而不移动元素下方

时间:2012-10-16 03:06:03

标签: html css

我需要帮助来覆盖包含图像缩放的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

1 个答案:

答案 0 :(得分:1)

我不明白你的意思,你能写出更具体的内容吗?

我可以给你一个建议: 1.你必须检查叠加div是否正确包含拇指图像,而不是div叠加。 2.如果div不能容纳拇指,你可以在div覆盖中给出css代码(overflow:hidden)。 3.要使拇指显示在div叠加层的顶部,您可以将z-index:9999放在Thumb div中,并将叠加div的z-index设置为小于thumb div。

这是你想要实现的目标吗?