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

Question

网站链接：

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

有没有办法通过在内部加载页面时将背景设置为黑色来解决这个问题？

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

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

您是否尝试过使用

<body background="#000">

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

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

score 0 · Accepted Answer

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

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

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

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

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

score 0 · Accepted Answer

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

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

索引.html：

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

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