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

如果您使用<link>调用CSS文件，那么您应该尝试将CSS放在<style>中。应该更快。由于外部文件需要更长时间才能加载<style>，而你在同一个文件中。{/ p>