我在移除装载机顶部的黑色条时遇到了一些麻烦。
我去了并删除了一个不必要的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中,就可以了。