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

To Disable the background window when pop up opens

本文关键字：窗口 背景      更新时间：2023-09-26

我的页面上有一个链接。当我点击它时，一个弹出窗口打开，背景变成灰色。但我的问题是，我仍然能够点击在后台存在的其他链接。背景的div id是pagewrapper。只要我认为代码.disabled = true . getelementbyid (' pagewrapper ');应该把弹出窗口后的整个背景都关掉。但这并没有发生。

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

  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;
}

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

编辑:这里有一个教程，你可以遵循:

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

相关文章：