时间戳

首页 > 解决方案 > 在应用 CSS 之前，如何防止网页呈现内容？

html - 在应用 CSS 之前，如何防止网页呈现内容？

问题描述

我正在开发一个使用原始 Struts 框架构建的 Web 应用程序。我们的 jsp 文件使用 Web 服务构建 HTML，这意味着当网页加载时，我们最终会等待数据返回来构建 HTML。（我附上了显示如何使用这些类型的调用构建整个主体的代码。）我们最终还等待一些 javascript 库执行。

在特定网页上，我有多个按钮，它们都以特定方式设置样式。加载网页时，按钮会以 Web 浏览器的默认样式显示片刻，然后最终应用 CSS。我想对用户隐藏这个渲染问题。

我从 StackOverflow 中阅读了这些建议：强制浏览器在显示页面之前加载 CSS

JavaScript 解决方案不是很好，因为不是每个人都启用了 JavaScript。CSS 解决方案显示出了希望，但由于我们有两个 CSS 文件并非在每个屏幕上都使用的事实而变得复杂 - 这意味着，如果我使用两个不同的叠加层，那么一半时间，一个不会消失！如果我让两个 CSS 文件使用相同的覆盖，那么当浏览器完成解析首先完成的文件时，它不会消失吗？

<body>
    <a class="skip" href="#MainContent">Skip Main Navigation</a>
    <div id="page">
        <tiles:insert attribute="header" />
        <tiles:insert attribute="mainMenu" />
        <a name="MainContent"></a>
        <tiles:insert attribute="content" ignore="true" />
        <tiles:insert attribute="footer" />
    </div>
</body>

标签： htmlcssjspstruts

解决方案

推荐阅读