javascript - 黑条出现在以下position:absolute；

我在移除装载机顶部的黑色条时遇到了一些麻烦。

我去了并删除了一个不必要的div，这造成了一些问题。

在这里，我们有一个带有黑条的加载程序，但是由于删除了<div class="text">，所以我试图找出根本原因是什么，它是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;

 }

我将该属性添加到.doge类，它摆脱了文本。还有没有办法延迟文本以便动画播放？

``

原始文本：https://jsfiddle.net/Kryometric/fdxsgbga/

原始加载程序，顶部无黑条和奇怪的文本：https://jsfiddle.net/chrnysbw/

带有黑条和正常文本的加载程序：https://jsfiddle.net/chrnysbw/1/

最佳答案

要使用白色加载程序动画删除页面顶部的黑条，请删除div.doge上的填充。

要延迟文本到达页面的速度，请先将其隐藏（如使用CSS display：none;），然后使用javascript进行显示。如果您使用的是jQuery，请.show()。将所有内容包装在setTimeout中，就可以了。