Div全屏遮罩(兼容IE、Firefox、Chrome等主流浏览器)
来源:互联网 发布:如何评价网络架构 编辑:程序博客网 时间:2024/05/06 22:17
<body>
<Div id="DivLocker"></Div>
其他html元素....
<script language="text/javascript">
$('#DivLocker').css({
"position": "absolute",
"margin-left": "1px",
"margin-top": "1px",
"background-color": "#000000",
"height": function () { return $(document).height(); },
"filter": "alpha(opacity=30)",
"opacity": "0.3",
"overflow": "hidden",
"width": function () { return $(document).width(); },
"z-index": "999"
});
</script>
</body>
注意:
1、<Div id="DivLocker"></Div>须放在Body开始符号之后第一个位置
2、<script>...</script>脚本须放在Body结束之前的最后一个位置(保证页面存在动态生成html代码时可全屏遮罩)
3、如果页面中有大的图片加载在img标签的onload事件中执行<script>...</script>脚本,这样才可全屏遮罩,否则会出现不完全遮罩
阅读全文
0 0
- Div全屏遮罩(兼容IE、Firefox、Chrome等主流浏览器)
- pasteHTML兼容ie,firefox,chrome等浏览器
- 本地图片上传预览(兼容ie firefox ,chrome等主流浏览器
- JS日期选择器(兼容IE,Firefox,Opera等主流浏览器)
- JS日期选择器(兼容IE,Firefox,Opera等主流浏览器)
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- DIV+CSS网页兼容所有主流浏览器技巧(IE6/IE7/IE8/IE9/Firefox/Chrome)
- 兼容IE、FireFox、Chrome等浏览器的xml处理函数
- 鼠标滚轮事件(兼容IE、FireFox、Chrome等浏览器)
- 一个兼容FireFox与IE等主流浏览器的在线编辑器(LordEditor)
- jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
- WebOffice在线编辑ActiveX插件(Excel,word等),兼容IE,FireFox,Chrome等浏览器
- IE、FireFox、Chrome浏览器的全屏实现
- 兼容所有主流浏览器的图片上传本地预览(IE\FIREFOX\CHROME)
- 兼容所有主流浏览器的图片上传本地预览(IE\FIREFOX\CHROME)
- js 打印DIV内容 print div 兼容IE FF Google等主流浏览器
- IE等主流浏览器css hack,包括IE6,IE7,IE8,IE9,firefox,chrome
- 微软 Azure Service Fabric 朝开源迈出了第一步
- IO流(二)字节流
- String类的写时拷贝
- 第3课--3.2带缩略图的图片切换效果
- C#基础(10)——飞行棋游戏
- Div全屏遮罩(兼容IE、Firefox、Chrome等主流浏览器)
- [noip2009]靶形数独
- 卸下“二当家”担子 复星集团副董事长兼CEO梁信军辞职
- “牵挂你”平台让爱回家 “互联网+”构筑防走失闭环
- Scrapy爬虫框架介绍
- html 将部分内容隐藏/显示
- Windows线程同步、CreateThread与_beginthread的区别
- 苹果推出 iOS 10.3 更新,升级前来看看有哪些新功能
- HTC真旗舰Ultra全面曝光:侧边交互 非骁龙835首发机型