【发布时间】：2012-10-13 23:11:40
【问题描述】：
此页面上的第一个问题 - 耶！
我目前正在为客户建立一个网站，这给我带来了一些麻烦。
我有一个缩放工具，当光标经过图片时，它允许用户缩放图像。
这会在我的 text-div 顶部创建一个“秘密”div。 text-div 包含一个选择选项下拉菜单。 “秘密” div 阻止了 text-div 中的任何活动 - 我无法突出显示任何文本或在下拉列表中选择一个选项。当我将 text-div 从“秘密”div 移开时，我可以做到这一点。
查看此页面：http://shakermedia.dk/2up/2012/10/seville-modulsofa-sort/
我能做什么？这是两个 div 的 css 代码：
div.zoom-box {
width:450px;
line-height: 0;
height:100%;
float:right;
position:relative;
z-index: 2;
}
div.text-alignment {
width:450px;
float:right;
margin-top:-419px;
height:100%;
position: relative;
}
如何使 text-div 可访问，但将“缩放框”保持在同一位置（缩放时重叠文本）？
非常感谢您的帮助！
【问题讨论】：
-
缩放时只显示div.zoom-box，不隐藏时可以操作底层div，也应该发布完整的html和javascript以获得更具体的答案。
-
我该怎么做？ "缩放时只显示div.zoom-box，不隐藏时可以操作底层div"
-
尝试在jsfiddle.net 上设置一个测试用例，以便我们重现您的问题并提出适当的修复建议。
标签： html text zooming blocking overlapping