0

我正在使用以下代码生成一个弹出框 

        <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;

}
4

3 回答 3

1

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

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

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

于 2013-07-17T15:51:31.153 回答
1

您可以根据您希望它出现的位置修改CSS以包含top和位置：left

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
    top: 100px;
    left: 100px;
}

此外，您的代码显示：

BackgroundCssClass="ModalPopupBG"

这应该是：

CssClass="ModalPopupBG".

于 2013-07-17T15:45:05.993 回答
1

我相信你在position: fixed;你想成为的时候position: absolute;，试试吧。

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

于 2013-07-17T15:47:52.410 回答