小编典典

消除未样式化内容的闪烁

css

如何停止网页上未样式化内容(FOUC)的闪烁?


阅读 174

收藏
2020-05-16

共1个答案

小编典典

我为避免FOUC所做的事情是:

  • 将主体部分设置为: <body style="visibility: hidden;" onload="js_Load()">

  • 编写一个js_Load()JavaScript函数:document.body.style.visibility='visible';

通过这种方法,网页的正文将保持隐藏状态,直到加载整个页面和CSS文件为止。加载完所有内容后,onload事件将使主体可见。因此,Web浏览器将保持为空,直到所有内容都在屏幕上弹出为止。

这是一个简单的解决方案,但到目前为止,它仍然有效。

2020-05-16