如何在应用CSS之前阻止网页呈现内容?

时间:2019-05-14 18:07:15

标签: html css jsp struts

我正在使用原始的Struts框架构建Web应用程序。我们的jsp文件使用Web服务构建HTML,这意味着在加载网页时,我们最终要等待数据返回以构建HTML。 (我附带的代码显示了如何使用这些类型的调用构建整个主体。)我们还最终等待一些JavaScript库执行。

在一个特定的网页上,我有多个按钮,这些按钮均以特定方式设置样式。加载网页时,按钮会显示一秒钟的时间,并使用网络浏览器的默认样式,然后最终应用CSS。我想向用户隐藏此渲染问题。

我已经从StackOverflow阅读了以下建议:Force browsers to load CSS before showing the page

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>

0 个答案:

没有答案
相关问题