javascript - Z-index 没有按预期工作？

Question

我正在这个网站上工作 http://www.group---me.my/national/

请删除 --- 在 url 中。

对于某些交易，有选项，当您单击“立即购买”按钮时，会出现一个弹出窗口。我想在显示弹出窗口时使背景变暗(变暗)。

为此，我在本地测试站点上添加了以下 div 类:

    .overlay{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 333%;
        background-color: black;
        z-index: 20;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

然后在“立即购买”按钮上，我添加了

    onclick="javascript:document.getElementById('fade').style.display='block';"

我在网站上也有这个

    <div id="fade" class="overlay"></div>

但问题是，覆盖总是隐藏所有层，包括弹出窗口，无论我将弹出窗口 div 的 z-index 设置多高。

非常感谢任何帮助。谢谢。

Answer 1

哪个浏览器？哪个版本。我在这里得到它。它应该隐藏起来吧？

而且很显眼。你想在这里做什么？