css - 显示 : none applies slow after page load

Question

我有一个使用 display: none; 隐藏了错误消息的页面

当页面加载时，错误消息会短暂显示然后消失。看起来 ccs 应用到页面上很慢。

如何改善用户体验并且在加载时不显示错误消息？

该页面还使用 Ajax 调用加载表格。这会影响 css 应用于页面的方式吗？

谢谢。

Answer 1

只需将 style="display:none;" 添加到您最初不想显示的页面上的实际 html 元素或 div。您不能立即依赖 CSS 文件。例如:

<div class="error" style="display:none;">
    <span class="myerror">Hello World!</span>
</div>

除了隐藏区域的这个异常(exception)，通常最好将所有 css 与页面分离并放在外部文件中。