AJAX ModalPopup弹出在页面内容后面(下方)(负z索引)

一种解决方法是为ModalPopup设置CSS,如下所示;这将覆盖AJAX控件工具箱应用于元素的内嵌CSS。

.ModalPopup
{
    z-index: 6001 !important;
}
.ModalPopupBackground
{
    z-index: 6000 !important;
}

<script type="text/javascript">
    onload = function() {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(resetCounter);
    }
    function resetCounter(sender, args) {
        try {
            Sys.Extended.UI.ModalPopupBehavior._openCount = 0;
        } catch (ex) {
            // try-catch-throw away!
        }
    }
</script>

在ExtendedModalPopupJavaScript中,它在每个部分页面上调用hide post back,这会执行一个\u openCount--。

这是根据opencount设置zindex的代码:

var zindex = 10000 + (Sys.Extended.UI.ModalPopupBehavior._openCount++ * 1000);

所以\u openCount被设置为一个负数

这是项目组确认的错误。 http://ajaxcontroltoolkit.codeplex.com/workitem/26739 . 现在已经修好了。

来自团队:我们已经确认这是一个错误,在最初的版本40412。我们现在已经替换为一个修改后的版本来修复这个问题。请再次下载40412以解决此问题

z-index 在css中为我工作,谢谢!

.modalbackground {
    background-color: Gray;        
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 6000 !important;
    }    
.popup
    {        
    background-color:#FFF;
    padding:10px;     
    max-width:600px;
    z-index: 6001 !important;
    }

如果涉及到更新面板,那么工具箱的版本15.1.4中也会出现类似的问题。 https://ajaxcontroltoolkit.codeplex.com/workitem/27971 目前尚未修复,但15.1.3并未显示此问题。