Question

我的页面上有一个链接。当我点击它时，弹出窗口打开，背景变为灰色。但我的问题是我仍然能够点击背景中的其他链接。背景的div id是pagewrapper。至于我认为代码 - 的document.getElementById（＆＃39; pagewrapper＆＃39）。禁用= TRUE;应该已经完成了这个技巧并且在弹出冻结的背后隐藏了整个背景。但它没有发生。

这是打开popUp的代码。最后一行应该禁用后台窗口。

  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-index应该在正文和弹出之间。用户关闭弹出窗口时删除叠加层。

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

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

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

1 个答案: