Javascript 使用colorbox弹出窗口同时在父屏幕上工作

Javascript 使用colorbox弹出窗口同时在父屏幕上工作,javascript,jquery,css,colorbox,Javascript,Jquery,Css,Colorbox,我不熟悉colorbox和jquery 有人能帮我对colorbox设置进行编码吗?该设置允许在不关闭colorbox弹出窗口的情况下在父屏幕上工作 我对颜色框弹出窗口的编码是 $.colorbox({ width: '900px', opacity:'0', height: '90%', iframe: true, open: true, overlayClose: false, escKey: false, href: '/e4/communication/send-communicatio

我不熟悉colorbox和jquery

有人能帮我对colorbox设置进行编码吗?该设置允许在不关闭colorbox弹出窗口的情况下在父屏幕上工作

我对颜色框弹出窗口的编码是

$.colorbox({ width: '900px', opacity:'0', height: '90%', iframe: true, open: true, overlayClose: false, escKey: false, href: '/e4/communication/send-communication.aspx?communicationtemplateid=' + id + '&applicationid=' + appids.slice(0, 19).toString() + '&istb=1&TB_iframe=true' });
            } 
弹出位置是固定的。我不能拖动或移动它

颜色框的css是

#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxBottomLeft,#cboxMiddleLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto}
#cboxTitle{margin:0}
#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block}
.cboxIframe{width:100%;height:100%;display:block;border:0}
#cboxOverlay{background:#777}
#cboxContent{margin-top:20px}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{background:#fff}
#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}
#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc;display:none!important}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px;display:none!important}
#cboxPrevious.hover{background-position:bottom left}
#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px;display:none!important}
#cboxNext.hover{background-position:bottom right}
#cboxLoadingOverlay{background:#000}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}
#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px;z-index:-1}
#cboxClose.hover{background-position:bottom center}
#newPriv,#newTerm{display:none}
#exPriv,#exTerm{padding:10px;border:1px solid #dedede}

我将感谢您的帮助

您的要求不清楚,请您把问题说得更清楚一点,以便我们能更了解并帮助您实际上我被要求照看一个由其他开发人员开发的系统。在系统中,他使用colorbox打开弹出页面。当弹出窗口打开时,将禁用父屏幕。i、 e一旦弹出窗口打开,您将无法在父屏幕中执行任何工作。这并不总是有用的。有时,用户希望两个屏幕同时打开并在两个屏幕上工作。例如;帮助页面在弹出页面中打开。在当前系统中,用户不能在查看弹出屏幕的同时在父屏幕上工作。他们必须关闭帮助屏幕,然后才能工作。在我的问题中,我给出了由前一个开发人员创建的代码。顶部的第一行代码位于父屏幕上。我猜这会处理弹出窗口的行为。和css的弹出窗口。您是否可以建议任何允许在不关闭弹出屏幕的情况下单击父屏幕的代码。