Question

我有以下代码，可在页面加载时将主题更改为暗。问题是有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>

Answer 1

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

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

页面加载深色主题CSS问题1秒间隔

1 个答案: