Question

我正在使用标签显示错误消息

<div id="errorMessage">
            <asp:Label ID="lblError" runat="server" BorderStyle="Solid" Text="" Visible="false"></asp:Label>
        </div>

每当我显示错误消息时，在服务器端

Page.ClientScript.RegisterStartupScript(this.GetType(), "errorMesssage", "showError();", true);
                        lblError.Text = "Some error message.";
                        lblError.CssClass = "errorStatus";
                        lblError.Visible = true;

这个showError（）是在外部javascript中定义的函数

function showError()
    {
        $('.errorStatus').css({
        'margin-left': ($(window).width() - $('.errorStatus').width()) / 2 + 'px',
        'top': '0px'})
        .fadeIn(1000);
    }

css

.errorStatus
{
    back-ground-color: red;
    border-left: 5px solid #FC5;
    border-right: 5px solid #FC5;
    color: #FFF;
    display: none;
    font-size: 12px;
    letter-spacing: 0.084em;
    padding: 7px 20px 8px;
    position: fixed;
    text-transform: uppercase;
    text-align: center;
    top: 10px;
    word-spacing: 1px;
    z-index: 2000;
}

Answer 1

如果我理解正确的话：错误标签出现在左上方，然后跳到它在中心的正确位置？

要解决此问题，您可以将以下属性添加到errorStatus CSS

display:none;

这将阻止浏览器显示错误消息，直到jQuery fadeIn()将其带入

此外，您的CSS back-ground-image中应该输入错误background-image背景中没有短划线。

错误消息首先出现在左上角，然后出现在中心

1 个答案: