如何阻止无格式内容的闪现

Question

这只是一个简短的问题,我没有一个例子,但我正在使用定制的cms,目前我们无法访问网页的头部,所以一些css必须放在头部外面导致闪光页面加载时未设置样式的内容

只是想知道她身上是否有人知道快速修复jquery或其他什么来阻止它.

我知道把不是内联的CSS作为不好的做法,但我想知道是否有工作回合.

任何帮助赞赏

Answer 1

处理FOUC的基本解决方案是将其隐藏起来,直到它被正确设置样式.

我假设您可以控制显示无样式的内容？在这种情况下,将其包装成<div id="some-div" style="display:none">... content ... </div>.然后使用jQuery在整个文档准备好时显示它:

$(function() { $("#some-div").show(); });