显示在页面中间的加载gif

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了显示在页面中间的加载gif相关的知识,希望对你有一定的参考价值。

.tp-loader {
background: url(../assets/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

 

<div class="tp-loader" style="display: none;"></div>

技术分享

以上是关于显示在页面中间的加载gif的主要内容,如果未能解决你的问题,请参考以下文章

在页面中加载 gif:未能加载资源 Cordova

在每次页面访问或页面重新加载时显示一个新的 GIF

如何延迟从页面加载开始显示Gif?

Android加载网络GIF完整解决方案

片段中的Android webView显示空白页面

Android 加载gif图片强大框架(支持预加载缓存,还支持显示静态图片,一行代码全搞定)