ウェブサイトがフルに読み込まれる前に読み込み画面を非表示にするにはどうすればいいですか？

Question

私は個人的なporfolio/websiteに取り組んでいます。私は以下のバグを持っています。私はそれを自分で修正するつもりでしたが、他に何ができるのか分かりません。

バグ：画像3からわかるように、私は自分のロゴ（aa）とその下にテキストがあり、コンテンツページがいっぱいになって表示された後もまだ表示されています。 aaとアンダーテキストは、読み込み中の画像（画像番号1）が隠された後に隠すのに3秒かかる。

私はトランスレーションを除去しようとしました：3秒、バグはまだそこにあります。

問題がどこにあるのか、どのように修正できますか？

また、この問題をどのように共有するのが最適な方法であるかわかりません。私はあなたが簡単にチェックできるように、このページのコードを意味します。バグとコードが

削除され

URLは、私は、スニペットツールでモックアップ作成しようとしましたが、画像やテキストなどのすべてずに..あなたはモックアップbecuse、バグを見ることができません満杯になるまでに1秒未満かかります。それで、私がそれを示すために見つけた唯一の方法は、私のウェブサイトが（私が問題を分かち合う最善の方法ではないことを知っている）URLを共有することです。

おかげ

document.onreadystatechange = function() { 
 
    var state = document.readyState 
 
    if (state == 'complete') { 
 
    setTimeout(function() { 
 
     document.getElementById('interactive'); 
 
     document.getElementById('load').style.visibility = "hidden"; 
 
     document.getElementById('content').className = ''; 
 
    }); 
 
    } 
 
}

あなたは私が知っているあなたとそれを共有するための別の方法を知っていれば。

Answer 1

#load.notransation { 
    z-index: -1; 
} 

...それを修正します。

何が起こっているかは、ローダーがあまりにも遅く隠されるということです。負の値のz-indexを使用すると、コンテンツが読み込まれたときにローダよりも上に読み込まれるので、あまりにも遅すぎるということはなくなります。