Javascript Z-索引没有按预期工作？

我在这个网站上工作

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

请删除url中的“”

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

对于某些交易，有选项，当您单击BuyNow按钮时，弹出窗口出现。我想调暗（暗）背景，而弹出窗口显示

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

为此，我在本地测试站点上添加了以下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';"

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

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

我也有这个在网站上

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

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

但问题是，覆盖始终隐藏所有层，包括弹出窗口，无论我将弹出窗口div的z索引设置得有多高

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

---

非常感谢您的帮助。谢谢。

哪个浏览器？哪个版本。我就在这里。它应该隐藏起来，对吗

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

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

---

它是突出的。你想在这里做什么？

如果你没有指定某个父元素相对定位，你的覆盖div将相对于body定位，因此它可以位于所有其他内容之上。

你能直接在问题中显示弹出窗口的CSS吗？仅供参考：所有外部链接都是so

rel=“nofollow”

。搜索引擎不会跟随他们。另外，如果你不想让搜索引擎为你的网站编制索引，那么在你的

robots.txt

中做一个相应的条目。我实际上还没有上传我的新代码（带有叠加CSS等），因为这个东西还不起作用。我的本地电脑上有密码。不，这不正常。如屏幕截图所示。当弹出窗口显示时，我希望所有内容都变暗，只有弹出窗口显示为完全不透明度。同样，请注意，我上面发布的代码不在实时站点上。@JK-所以你想让我们猜一下非工作代码是什么样子的？请将新代码添加到您的问题中。@JK那么您是说有一个背景模式没有正确显示？给类

黑色覆盖层
一个
位置：相对
，而不是
绝对
。我需要更多的帮助。但我想这没关系吧？覆盖可以隐藏一切（有一些不透明度），我只需要弹出显示在完全不透明度。你可以张贴你修改后的代码在这里？特别是html和css部分与您的父块重叠？
    onclick="javascript:document.getElementById('fade').style.display='block';"