[解決済み] スタイルが決まらないコンテンツのフラッシュを排除
2022-03-05 04:28:31
質問
Webページでスタイルなしコンテンツのフラッシュ(FOUC)を止めるにはどうしたらいいですか?
解決方法は?
FOUCを回避するためにやったことは。
-
として、bodyセクションを設定します。
<body style="visibility: hidden;" onload="js_Load()">
-
を書きます。
js_Load()
JavaScriptの関数です。document.body.style.visibility='visible';
この方法では、ページ全体とCSSファイルが読み込まれるまで、ウェブページのボディは隠されたままになっています。すべてが読み込まれると、onload イベントによってボディが可視化されます。つまり、ウェブブラウザは、すべてが画面に表示される時点まで、空のままなのです。
単純な解決策ですが、今のところうまくいっています。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] ボーダーの太さをパーセントで設定するには?
-
[解決済み] Bootstrapのポップオーバーの幅を変更する
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] divの内容を下に揃える方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】DIVの幅が100%というのは本当の100%ではない
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] bootstrapのチェックボックスの色を変更するには?
-
[解決済み] cssのフォントサイズ14px/26pxってどうなってるの?
-
[解決済み] psuedo 要素を用いたスクロール/ホバー可能な CSS ツールチップ
-
[解決済み] ChromeでCSSが効かない
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)
-
[解決済み] 入力・テキストフィールドの背景色
-
[解決済み] cssファイルを<head>と<body>のどちらに記述したらよいのでしょうか?