javascript - 页面加载前短暂的白色闪烁

标签 javascript html css

我的网站存在不一致的问题。在页面加载之间,有时会在页面完全加载之前出现白色闪光。它只是一瞬间,大约 85% 的时间都会发生。此外,它只发生在 Chrome 中

我试过将脚本放在结束 body 标记之前,它对其他浏览器有帮助,但对 Chrome 没有帮助。

谁能告诉我哪里出了问题?

它与冲突的 CSS 有什么关系吗?有没有什么方法可以在不执行将 html 的可见性设置为可见的 onload 事件的情况下在显示页面之前预加载页面,因为这不能解决问题;页面仍然是白色的。

编辑 1:

您有时可能会注意到背景图像加载缓慢,因此背景会瞬间变成深蓝色。我指的不是这个。这似乎是一种特殊情况。有时它会为我做到这一点,有时它在页面出现之前的一小会儿完全是白色的。

最佳答案

我的猜测是浏览器只是在您的 bg 图像有时间加载之前解析 body 背景(白色)的 CSS。不幸的是,我对此没有任何快速修复。您可以去掉背景图像渐变并使用 CSS,这可能会停止闪烁。

关于javascript - 页面加载前短暂的白色闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14312871/

相关文章:

jquery - 在 WordPress 中预览主题

javascript - 根据选择仅显示 div 的下拉菜单

html - 使列的固定内容不跨越整个页面宽度

jquery - 我想在 div 中加载 html 页面

javascript - 使用 array.push(val) 在 angularjs 中推送数组中的值是否会创建深度复制?

javascript - 链接到 SD 卡 PhoneGap 中的图像

javascript - 使用express.js 路线设置来 react 应用程序

javascript - meteor : redirect if user didn't create page

html - 如何让 div 保持在相同的位置 css

带有 requestAnimationFrame 的 Javascript Canvas 动画通过路径更改变得更快