css - 页面加载时出现错误栏

Question

我有一个页面加载时显示错误栏。下面我有错误消息所在的 div。

  @Html.ValidationSummary(true)
                    <div id="validationMessages" class="validation-summary-errors"></div>

这是它使用的CSS

.validation-summary-errors {position: fixed; bottom: 45px; width: 100%; background: rgba(255,197,197,0.9); z-index: 1000; padding: 10px; text-align: center; left: 0; border-top: 1px solid #900;}

有谁知道如何使它不显示在页面加载？

谢谢

Answer 1

从 CSS 的角度来看，您可以通过添加display:none;到现有规则来隐藏该消息。（JavaScript 可以使消息再次出现。）但是您应该真正考虑解决验证错误的根本原因。