0

今日、css を書いたときに、いくつかの問題が発生していることがわかりました。ブートストラップとダークストラップを使用して設計しました。ダークストラップのボディスタイルは

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

そして私自身のcssで：

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

問題ないように見えますが、唯一の問題は、ページを切り替えると、ページが非同期に読み込まれているように見えます (ただし、ページを更新しませんでした)。まず、darkstrap でスタイルを完了し、1 秒後にスタイルを読み込みます。しかし、ブートストラップとダークストラップの前に CSS を配置しました。そして、私はページを更新しません。

最後に、darkstrap で本文のスタイルを引用します。もう一度ページを切り替えると、本文background-colorも 1 秒後に完了します。見た目はひどいものです。しかし、私はページを切り替えるだけです...では、どこに問題がありますか?

4

1 に答える 1

0

スクリプトと css をどこにロードしていますか? そしてページ本文の最後ですか？

これを修正する 1 つの方法は、スクリプトの読み込みをページ<head>セクションに移動することです。これを行うと、すべてのボディ マークアップの前に読み込まれます。これにより、ページに何かが表示される前に、CSS とブートストラップ CSS の準備が整っていることが保証されます。これの欠点は、ページの読み込みに時間がかかるように見える可能性があることです.

他にも理由があるかもしれませんが、私が最初に思いついたのはこれです。

于 2013-07-18T09:04:27.010 に答える