我正在使用原始的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>