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

时间:2014-05-14 12:34:07

标签: javascript jquery css colorbox

我是colorbox和jquery的新手

有些人可以帮我配置彩盒设置的编码,这样可以在不关闭彩盒弹出窗口的情况下在父屏幕上工作。

我对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' });
            } 

弹出位置是固定的。我不能拖动或移动它

colorbox的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}

我将非常感谢您的帮助

0 个答案:

没有答案