如何能正确显示出正在加载的图片
CleverHeart
2017-07-27 10:30
我用HBuilder编写 .loading.pic 这种方式显示不出来加载的gif，去掉.loading直接用.pic这样写，显示的加载gif是在网页的最下方，不知道怎么回事.....
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background: #fff;
}
.pic{
width: 64px;
height: 64px;
background:url(img/770.gif);
position: absolute;top 0;bottom: 0;left: 0;right: 0;margin: auto;
}
</style>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function(){
setInterval(function(){
$(".loading").fadeOut();
},3000)
})
</script>
</head>
<body>
<div class="loading">
<div class="pic"></div>
</div>
<img src="img/1.jpg">
</body>
</html>
1回答
-
- qq_一曲丶终了_0
- 2017-07-27 13:42:29
你的.pic 的class里面 的top 0 没有带冒号 浏览器只读到了bottom 、left、right，top 没有读到这个 所以在底部显示
常用的网页加载进度条
32872 学习 · 81 问题
相似问题