将页面加载设置为黑色而不是白色背景？答案

【问题标题】：Set page load to black instead of white background?将页面加载设置为黑色而不是白色背景？
【发布时间】：2013-09-21 20:48:42
【问题描述】：

网站链接：

从一页点击到另一页时，是否可以将背景设置为黑色？现在网站在黑色背景下完美加载，只是当我从一个页面导航到另一个页面时，页面会闪烁一秒钟.....

在内部加载页面时是否可以通过将背景设置为黑色来解决此问题？

【问题讨论】：

【解决方案1】：

不只使用 CSS。浏览器的默认背景颜色是白色，因此您看到的闪烁是默认值，它会在有机会读取 CSS 规则使其变为黑色之前出现一瞬间。

我能想到的解决此问题的唯一方法是加载第一页，然后通过 javascript 从一个页面切换到另一个页面，将它们加载到退出页面。没有重新加载意味着没有闪烁。在我看来，这是一大笔开销，而且价值很小，所以我建议只是忍受它。

【讨论】：

【解决方案2】：

我非常怀疑这在 CSS 中是否可行。

您是否尝试过使用

<body background="#000">

它早已被弃用，但可能会有所帮助。我认为您仍然会出现白色闪光，但时间可能会更短。

您也可以尝试将一小段 CSS 作为标题后的第一件事。

【讨论】：

【解决方案3】：

现在通过 CSS 执行此操作的 html5 方法是：

<body style="background-color:#000">

还尝试将此 CSS 样式作为 <head> 中的第一件事：

<style type="text/css">
    body{background-color:#000}
</style>

...但在我的应用程序中，它仍然会导致短暂的白色闪光

【讨论】：

【解决方案4】：

虽然这是一个很老的问题，但希望这可以帮助其他绊脚石的人（比如我）：

使用一些 javascript 似乎对我有用（仅在 Firefox 84.0 - Ubuntu 上测试过）：

index.html:

<script src='script.js'></script>

onload = function() {
    document.body.style.backgroundColor = 'black';
}

【讨论】：