css - display: none 页面加载后应用缓慢

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>

除了隐藏区域的例外情况外，通常最好将所有 css 与页面和外部文件分离。

Answer 2

如果您调用您的 CSS 文件，<link>那么您应该尝试将您的 CSS 放入其中<style>。应该更快。由于外部文件需要更长的时间来加载，然后<style>您在同一个文件中。