黒い棒が位置：絶対に表示されます。

Question

私はこれを取り除くのに問題があります黒いバー私のローダーの上です。

不要なdivを削除して削除したところ、いくつかの問題が発生しました。ここで

我々は黒いバーとローダーを持っていますが、<div class="text">が削除されたので、私は、根本的な原因だったかを把握しようとしましたが、それは私が.dogeにプロパティを追加position: absolute;

.doge{ /*This makes the text disappear*/ 
    padding: 30px; 
    position: absolute; 
} 




.doge{ /*This makes the text appear & Black bars appear at the top of loader*/ 
    padding: 30px; 

} 

ましたクラスとそれはテキストを取り除いた。 アニメーションが再生できるようにテキストを遅延させる方法もありますか？

``

オリジナルテキスト：黒いバーがhttps://jsfiddle.net/chrnysbw/

ローダー&通常のテキスト：https://jsfiddle.net/chrnysbw/1/

Answer 1

を削除するには、トップ&奇妙なテキストでの黒いバーなしhttps://jsfiddle.net/Kryometric/fdxsgbga/

オリジナルローダーページの上部にある黒いバーに白いローダーのアニメーションがある場合、divのパディングを削除します。ドッグ。

ページに届くテキストを遅らせるには、最初に非表示にしてください（css display：none;と同様）。次にjavascriptを使用して表示します。 jQueryを使用している場合は、.show()。そのすべてをsetTimeoutで包んでください。あなたは行き​​たいです。