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索引設置為多高，覆蓋層始終會隱藏所有層，包括彈出窗口。

任何幫助深表感謝。 謝謝。

Answer 1

哪個瀏覽器？ 哪個版本。 我在這里得到它。 它應該隱藏起來嗎？

它是突出的。 您想在這里做什么？

Answer 2

如果您沒有指定要相對放置的父元素，則您的overlay div將相對於body定位，因此它可以位於所有其他內容之上。