Question

今天当我写css时，我发现出现了一些问题。我用bootstrap和darkstrap来设计。在暗色中，身体的风格是

body {
        color: #c6c6c6;
        background-color: #2f2f2f;
}

在我自己的CSS中：

body {
        background: url(../img/11.jpg) no-repeat fixed;
        background-size: 100% 100%
}

它看起来没问题，但唯一的问题是当我切换页面时，页面似乎有异步加载（但我没有刷新页面），首先在darkstrap中完成样式，然后在1之后加载我的样式第二。但是我把我的css放在bootstrap和darkstrap之前。我只是不刷新页面。

最后，我引用了暗带中的体型，当我再次切换页面时，身体的background-color也在1秒后完成，看起来很糟糕，我知道图像加载可能会发送一个http请求及其装载可能持续。但我只是切换页面......那么问题出在哪里？

Answer 1

你在哪里加载脚本和css？是它和页面结尾？

解决此问题的一种方法可能是将脚本加载到页面<head>部分。执行此操作时，所有内容都将加载任何正文标记。这将确保您在页面上看到任何内容之前准备好CSS和bootstrap css。这样做的缺点是它可能会使页面显示需要更长时间才能加载。

可能有其他原因，但这是我想到的第一件事。