css div实现的遮罩层完美兼容IE6-IE9 FireFox

Html代码：

复制代码代码如下:
div id="black_overlay" style="display: none;"/div
div style="display: none;" id="load_content"
div style="float: left; padding-top: 12px; padding-left: 5px;"
img src="https://www.questions.com.cn/dnjc/images/progressBar.gif" /
/div
div style="float: left; padding-top: 15px;"数据加载中，请稍后.../div
/div

CSS样式：

复制代码代码如下:
/*loading加载遮罩层css*/
#black_overlay
{
position: fixed;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
left: 0;
filter: alpha(opacity=80);
opacity: 0.8;
overflow: hidden;
background-color: #000;
}
*html
{
background: url(*) fixed;
}
*html body
{
margin: 0;
height: 100%;
}
/*IE6*/
*html #black_overlay
{
position: absolute;
left: expression(documentElement.scrollLeftdocumentElement.clientWidth - this.offsetWidth);
top: expression(documentElement.scrollTopdocumentElement.clientHeight - this.offsetHeight);
}
#load_content
{
display: none;
position: absolute;
top: 40%;
left: 40%;
width: 200px;
height: 50px;
border: 16px solid #FFF;
border-bottom: none;
background-color: white;
z-index: 1002;
overflow: auto;
font-size: 14px;
font-weight: bold;
}

效果图：
IE6：

其他版本效果：就不一一贴图了。

css div实现的遮罩层完美兼容IE6-IE9 FireFox

相关经验推荐

iPad|初次从华为换到苹果是啥感受？上手iPhone13一个月后，说说心里话

传奇3：复古狂暴版神舰传说，新手攻略篇，让你快人一步！

同城联赛打赏方法详解王者荣耀同城联赛怎么打赏

酒精能上飞机吗

原作者|流川枫的弱点是什么《灌篮高手》原作者给出了正确答案

iserror函数的使用方法 iserr函数与iserror函数区别

动漫|动漫头像：那就瞪大眼睛看清世界吧

松叶菊的养殖方法和注意事项视频松叶菊的养殖方法和注意事项

世界弹射物语万圣节福利发放世界弹射物语万圣节福利领取规则说明

三星|RedmiNote11系列，小立边设计更潮流，细节精致好看

预防儿童遗尿症应该怎么做日常养成这四种好习惯

立春巧养生，做好这4件小事，为一整年的健康打下基础

我的世界疾风戒指怎么飞不起来我的世界疾风戒指怎么飞

韭菜秋天施什么肥好韭菜施肥立秋前后最佳

保险公司赔付的钱什么时候到账？

福多多两全险是哪个公司的产品？

肚子难受，恶心，吃不下饭，吃多了想吐。

鳊鱼炖汤怎么做好吃窍门鳊鱼炖汤怎么做好吃

社区是什么性质的单位社区是什么

假面骑士|宏伟的设定却烂尾得让人心痛！回归昭和假面骑士的35周年纪念作！