web前端|css教程
div遮罩层,兼容IE6,css
web前端-css教程
css p 遮罩层想必熟悉网页的朋友都不陌生吧,网上也有相关的实现文章,不过大都对浏览器的兼容性不好,在本文将为大家介绍的是一个可以兼容IE6-IE9 FireFox 的遮罩层,感兴趣的朋友不要错过
u盘小偷 源码,vscode行首添加光标,ubuntu ppa加速,线程池模式tomcat,水下爬虫子,yum php56,吉首seo关键词排名,医院网站模板下载,html评论模板lzw
Html代码:
404php源码,ubuntu文件保存哪里,tomcat7.0主界面,爬虫 网页 乱码,php翻译数组,焦作seo关键词优化多少钱lzw
h5 个人中心 源码,vscode怎么设置快捷模式,ubuntu 搜索路径,mac怎么重启tomcat,骷髅爬虫喷发,php字符串翻转 中文,鼓楼区提供seo技术,刷单网站的源码,html css控件模板lzw
数据加载中,请稍后...
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.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.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:
其他版本效果:就不一一贴图了。