700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css div实现的遮罩层兼容IE6-IE9和FireFox浏览器

css div实现的遮罩层兼容IE6-IE9和FireFox浏览器

时间:2018-07-02 18:00:38

相关推荐

css div实现的遮罩层兼容IE6-IE9和FireFox浏览器

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:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。