javascript-为什么弹出窗口显示在底部而不是居中？

我在ajax模态扩展器中有一个图像.当在gridview中单击一个按钮时,它会成功显示,但是默认情况下图像会滚动到页面的右下角,并且只有在我按下键盘上的向下箭头时才会居中.为什么呢默认情况下如何将其置于中心？

<asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" runat="server" TargetControlID="hdnField1"

<asp:ImageButton ID="ImageLetterCopy" OnClick="ImageLetterCopy_Click"  style="max-width: 100%;max-height: 100%"   runat="server" />

的CSS

 <style type="text/css">
        .modalBackground {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }

        .modalPopup {
            background-color: whitesmoke;
            border-width: 0px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            /*width: 600px;
            height: 280px;*/
        }
    </style>

解决方法:

为.modalPopup添加以下内容：

.modalPopup {
  background-color: whitesmoke;
  border-width: 0px;
  border-style: solid;
  border-color: black;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  /* Additions */
  position: absolute;
  left: 25%;
  right: 25%;
  top: 25%;
  bottom: 25%;
}

标签：modalpopupextender,asp-net-ajax,css,asp-net,javascript
来源： https://codeday.me/bug/20191027/1944423.html