弹出窗口时禁用背景窗口

Question

我的页面上有一个链接。 当我单击它时，会弹出一个弹出窗口，并且背景变成灰色。 但是我的问题是我仍然可以单击背景中存在的其他链接。 背景的div ID是pagewrapper。 据我认为代码-document.getElementById（'pagewrapper'）。disabled = true; 应该已经完成​​了技巧，并且使弹出窗口冻结后的整个背景失效。 但这没有发生。

这是打开弹出窗口的代码。 最后一行应该禁用背景窗口。

  function popUpText(popUpContents)
{   
    // move the popup to a relative position to how the page is scrolled
    var containerTop = Position.page($('pagewrapper'))[1];
    $('popup').setStyle({top: ((0-containerTop)+100) + 'px'});
    var popupPageHTML = $(popUpContents).innerHTML;
    var uniquePopupPageHTML = popupPageHTML.replace(/-POPUP_ID_REPLACER-/g,"-");
    $('popup').innerHTML = uniquePopupPageHTML;
    toggleIt('popup');
    $('pagewrapper').setOpacity(.3);
    document.getElementById('pagewrapper').disabled=true;
}

Answer 1

您应该创建一个弹出式布局，该布局必须覆盖整个主体，并且覆盖图的z索引应位于主体和弹出式窗口之间。 当用户关闭弹出窗口时，删除叠加层。

编辑：这是您可能会遵循的教程：

http://hallofhavoc.com/2013/05/how-to-create-an-overlay-popup-box-using-html-css-and-jquery/