Question

本页的第一个问题 - 耶！

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

我有一个缩放工具，当光标通过图片时，用户可以缩放图像。

这会在我的text-div上创建一个“秘密”div。 text-div包含一个select-option下拉列表。 “秘密”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可访问，但将“缩放框”保持在同一位置（缩放时重叠文本）？

你的帮助很大！

Answer 1

你需要尝试给出 z-index 较低值后面的元素和上面的元素 - 更高的 z-index 值

重叠“缩放”div阻止文本和选项选择

1 个答案: