我需要帮助来覆盖包含图像缩放的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
答案 0 :(得分:1)
我不明白你的意思,你能写出更具体的内容吗?
我可以给你一个建议: 1.你必须检查叠加div是否正确包含拇指图像,而不是div叠加。 2.如果div不能容纳拇指,你可以在div覆盖中给出css代码(overflow:hidden)。 3.要使拇指显示在div叠加层的顶部,您可以将z-index:9999放在Thumb div中,并将叠加div的z-index设置为小于thumb div。
这是你想要实现的目标吗?