重叠"Zoom" div 阻止文本和选项选择



本页的第一个问题 - 耶!

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

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

这会在我的文本div 之上创建一个"秘密"div。文本div 包含一个选择选项下拉列表。"秘密"div 阻止了文本div 中的任何活动 - 我无法突出显示任何文本或在下拉列表中选择一个选项。当我将文本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;
}

如何使文本div 可访问,但保持"缩放框"相同位置(缩放时重叠文本)?

非常感谢您的帮助!

您需要尝试为较低的 z 索引值后面的元素和高于 - 较高的元素提供较高的 z 索引

最新更新