Z-index不能按预期工作？

Question

我正在使用此网站http://www.group---me.my/national/

请删除网址中的---。

对于某些交易，有选项，当您点击BuyNow按钮时，会出现一个弹出窗口。我想暗淡（变暗）背景，同时显示弹出窗口。

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

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

它很突出。你想在这做什么？

Answer 2

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