更改样式表中弹出框的位置？

Question

我使用以下代码生成弹出框                

        <cc1:modalpopupextender ID="ErrorMessage" runat="server" TargetControlID="cmdHospitalNew"
    PopupControlID="popupError" PopupDragHandleControlID="PopupHeader" Drag="true"
    OkControlID="SubmitOk" BackgroundCssClass="ModalPopupBG">
</cc1:modalpopupextender>
<div class="popupConfirmation" id="popupError" style="display: none; background-color: White;
    width: 200px; height: auto;">
    <div id="popupErrorMessage" style="width: 190px">
        <asp:Label ID="lbl_DB_popupError" runat="server" Text="Please fill all required fields!"></asp:Label></div>
    <div id="popupErrorSubmitOk">
        <input type="submit" id="SubmitOk" value="OK" style="visibility: visible;" /></div>

有没有办法将它移到中间左上角？此时弹出窗口位于屏幕中央。这是我正在使用的样式表：

body {
}

.ModalPopupBG
{
background-color: #666699;
filter: alpha(opacity=50);
opacity: 0.7;

}

Answer 1

您可以修改CSS以包含top＆amp; left根据您希望的位置显示.ModalPopupBG { background-color: #666699; filter: alpha(opacity=50); opacity: 0.7; top: 100px; left: 100px; } 个位置：

BackgroundCssClass="ModalPopupBG"

此外，您的代码显示：

CssClass="ModalPopupBG"

这应该是：

{{1}}。

Answer 2

我相信当你想成为position: fixed;时，你已经在position: absolute;，请尝试相反。

如果这不起作用，请尝试position: absolute!important;并查看是否强制它到绝对位置。

Answer 3

尝试将这3行添加到.ModalPopupBG类

position:absolute;
top:300px;
left:300px;

并调整像素，直到它排列到您想要的位置。