html+遮罩未隐藏,页面用一个遮罩层显示加载，加载完后隐藏该div

.progressBar {

display: block;

width: 65px;

height: 65px;

top: %;

left: %;

margin-left: -74px;

margin-top: -14px;

padding: 10px;

text-align: left;

line-height: 27px;

font-weight: bold;

position: fixed;

z-index: ;

}

.background {

display: block;

width: %;

height: %;

opacity: 0.4;

filter: alpha(opacity=);

background: white;

position: fixed;

top: ;

left: ;

z-index: ;

background-color: #;

}

var ajaxbg = $("#background, #progressBar");

ajaxbg.hide();

$(document).ajaxStart(function () {

ajaxbg.show();

}).ajaxStop(function () {

ajaxbg.hide();

});

非一屏页面，出现遮罩层页面位置不动，并且遮罩层一屏显示。(pc,移动端都适用的方法)

首先展示页面效果: 遮罩没出现的页面张酱紫:页面在楼层二这个位置. 遮罩显示:后面页面页面任停留在当前浏览位置,滚动条并未回顶部 下面来说说写法: css: 页面具体布局样式......(此处省略无数 ...

AngualrJS中每次$http请求时的一个遮罩层Directive

在AngualrJS中使用$http每次向远程API发送请求,等待响应,这中间有些许的等待过程.如何优雅地处理这个等待过程呢? 如果我们在等待过程中弹出一个遮罩层,会是一个比较优雅的做法. 这就涉及到 ...

CSS创建一个遮罩层

.layer{ width: 100%; position: absolute; left:; right:; top:; bottom:; -moz-opacity:; filter: alpha( ...

jquery 遮罩层显示img

如果点击iframe中的image显示整个页面的遮罩层,可参考如下: http://blog.csdn.net/shiaijuan1/article/details/70160714 具体思路就是,顶 ...

JS+CSS简单实现DIV遮罩层显示隐藏【转藏】

//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

Jquery实现按钮点击遮罩加载，处理完后恢复

z-index设置后导致遮罩层显示跳动问题

如图,1,3为top,bottom div,2为iscroll,4为遮罩层,如果1设置z-index后,不设置遮挡不住2,遮罩层4弹出会卡顿,既不设置z-index,又能遮挡iscroll的办法是在h ...

前端页面给指定的div添加遮罩层，并且带有加载中的小旋转图片

话不多说,先上代码,其实还是比较简单的 $("

随机推荐

C#向Sql数据库插入控制

string name = textBox1.Text; int age = Convert.ToInt32(textBox2.Text.Trim()); ? null : (int?)Convert ...

mysql索引的使用[下]

接着上篇,我们继续来探究索引.这次我们主要来探究关于联合索引的使用和联合.多表查询的规范. 继续看一下数据: mysql> select * from student order by ID d ...

LA 2218 (半平面交) Triathlon

题意: 有n个选手,铁人三项有连续的三段,对于每段场地选手i分别以vi, ui 和 wi匀速通过. 对于每个选手,问能否通过调整每种赛道的长度使得他成为冠军(不能并列). 分析: 粗一看,这不像一道计 ...

Bzoj 1696: [Usaco2007 Feb]Building A New Barn新牛舍 中位数,数学

1696: [Usaco2007 Feb]Building A New Barn新牛舍 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 394  Solve ...

BZOJ 1257 余数之和sum(分块优化)

题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=46954 题意:f(n, k)=k mod 1 + k mod 2 ...

C++中printf和scanf的用法

(一)printf的用法 printf:按格式打印,向控制台输出.print:打印 ,f:formate,格式化. 在使用printf向控制台输出时,不建议使用中文字符串,中文字符串的问题比较复杂,有 ...

webpack4打包nodejs项目进阶版——多页应用模板

前段时间我写了个打包nodejs项目的文章,点击前往 但是,问题很多.因为之前的项目是个历史遗留项目,重构起来可能会爆炸,当时又比较急所以就写个的适用范围很小的webpack的打包方法. 最近稍微得空 ...

swift 学习- 14 -- 继承

// 一个类可以继承另一个 类的方法, 属性和其他特征, 当一个类继承其他类时, 继承类叫子类, 被继承类叫父类 或 (超类), 在 Swift 中, 继承是区分 [类] 和其他类型的 一个基本特征 ...

FSTConfiguration 高性能序列化框架FST

转自:https://blog.csdn.net/z69183787/article/details/53005961 fst是完全兼容JDK序列化协议的系列化框架,序列化速度大概是JDK的4-10倍 ...

go 学习 ---数据类型

25个关键字 程序声明:import, package 程序实体声明和定义:chan, const, func, interface, map, struct, type, var 程序流程控制:go ...