在弹出窗口打开时禁用背景窗口答案

【问题标题】：To Disable the background window when pop up opens在弹出窗口打开时禁用背景窗口
【发布时间】：2014-06-04 09:24:55
【问题描述】：

我的页面上有一个链接。当我点击它时，会打开一个弹出窗口，背景变成灰色。但我的问题是我仍然可以点击背景中存在的其他链接。背景的 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;
}

【问题讨论】：

标签： javascript

【解决方案1】：

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

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

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

【讨论】：