0

最近我一直在与页面加载时臭名昭著的 White Flash 作斗争，然后是 FUOC。

我使用了https://stackoverflow.com/a/53364612/11706514，它修复了 FOUC 但带回了白色闪光。

HTML 头部顶部

<!doctype html>
<html>
<head>
    <style>html{visibility: hidden;opacity:0;}</style>

最终/仅 .CSS 的底部

html {
    visibility: visible;
    opacity: 1;
}

我无法弄清楚如何有效地对抗两者。FOUC 优先，但 White Flash 可能会很刺耳。我有一个加载模式和一个纯色背景颜色，如果可能的话，我想从当前的修复中分离出来，但还有很多元素，所以我担心更复杂的修复需要太长时间才能击败 FOUC。

简单的解决方案是最好的，我的页面严重依赖 JS 的核心功能，因此不需要纯 CSS 解决方案。

4

0 回答 0