时间戳

首页 > 解决方案 > 页面加载时的深色主题 CSS 问题 1 秒间隙

javascript - 页面加载时的深色主题 CSS 问题 1 秒间隙

问题描述

我有以下代码在页面加载时将主题更改为深色。问题是有 1 秒的间隙，每次我切换到其他页面时，屏幕都会闪烁 1 秒，然后就黑了。如何在页面加载后立即替换document.body.setAttribute('data-theme', 'dark');为使用主题？dark

if ($is_dark) {

  echo "
  <link rel='stylesheet' href='$zrcdn_url/css/z-b-u/dark-theme.css'/>
  <script>document.body.setAttribute('data-theme', 'dark');</script>
  ";

}

此外，有时脚本加载速度比 CSS 快，我使用了这段代码，它甚至会产生 2-3 秒的差距。

<script>
$(document).ready(function(){
  document.body.setAttribute('data-theme', 'dark');
});
</script>

标签： javascriptphpcss

解决方案

尝试首先使用 html 正文或头部中的所有 CSS 文件。

<style>
body {
  background-color: black;
}
</style>

推荐阅读