2016-06-16 10 views
0

Ich habe einige Probleme beim Entfernen dieses schwarzen Balken an der Oberseite meines Loaders .Schwarzer Balken erscheint mit der Position: absolut;

Ich ging und entfernte ein nicht benötigtes div und das verursachte einige Probleme.

Hier haben wir den Lader mit dem schwarzen Balken, aber da die <div class="text"> entfernt war ich versucht, herauszufinden, was die Ursache war, und es war 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; 

} 

ich die Eigenschaft auf den .doge hinzugefügt Klasse und es wurde der Text los. Gibt es auch eine Möglichkeit, den Text zu verzögern, damit die Animation abgespielt werden kann?

``

Originaltext: https://jsfiddle.net/Kryometric/fdxsgbga/

Original-Loader ohne schwarze Balken am oberen & seltsamen Text: https://jsfiddle.net/chrnysbw/

Loader mit schwarzen Balken & normalen Text: https://jsfiddle.net/chrnysbw/1/

+1

Können Sie erklären, was Ihr gewünschtes Verhalten ist? Möchten Sie den schwarzen Balken an der Spitze mit der weißen Ladeanimation? Wenn nicht, entfernen Sie das Padding für .doge. –

+0

@ dogwoodtree-dot-net Wow, das hat funktioniert! Ich fühle mich jetzt wirklich dumm ... xD Gibt es eine Möglichkeit, den Text zu verzögern, damit die Animation abgespielt werden kann? – user5544792

Antwort

1

entfernen der schwarze Balken am oberen Rand der Seite mit der weißen Lade-Animation, entfernen Sie die Polsterung auf div. Dogen.

Um Ihren Text auf der Seite zu verzögern, verstecken Sie ihn zuerst (wie bei css display: none;) und verwenden Sie Javascript, um es anzuzeigen. Wenn Sie jQuery verwenden, .show(). Wickeln Sie alles in eine setTimeout und Sie sind gut zu gehen.

Verwandte Themen