html - 重叠 "Zoom"div 阻塞文本和选项选择

标签 html text zooming blocking overlapping

本页的第一个问题 - 耶!

我目前正在为客户建立网站,这给我带来了一些麻烦。

我有一个缩放工具,它允许用户在光标经过图片时缩放图像。

这会在我的 text-div 之上创建一个“ secret ”div。 text-div 包含一个选择选项下拉列表。 “ secret ”div 阻止了 text-div 中的任何事件 - 我无法突出显示任何文本或在下拉列表中选择一个选项。当我将 text-div 移离“ secret ”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 可访问,但将“缩放框”保持在同一位置(缩放时重叠文本)?

非常感谢您的帮助!

最佳答案

您需要尝试为低于 z-index 值的元素提供更高的 z-index

关于html - 重叠 "Zoom"div 阻塞文本和选项选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12877836/

相关文章:

javascript - 使用数组中的元素通过 AngularJS 更改状态

javascript - 基于 rowspans 修改行也使用 jquery 修改

javascript - 来自 JS for 循环的图像不会在 HTML 上加载

android - 在 RelativeLayout 内部 Viewgroup 中居中对象

javascript - 鼠标悬停html缩放

Java Tile 游戏缩放

javascript - 如何为 div 带来磨砂玻璃效果,而不是包含文本的另一个 div

macos - UILabel/NSTextView 与 CATextLayer

javascript - D3 或 Rickshaw 中的可缩放、Google 财经风格的时间序列图?

r - 在文本中使用 adj 参数时, "large"标签的水平对齐会发生偏移