遮层效果,兼容各种浏览器ie6--ie9,火狐,谷歌,360都ok
来源:互联网 发布:天猫 淘宝商城 编辑:程序博客网 时间:2024/06/06 19:37
CSS样式:
.overlay{position: fixed; z-index: 100000;width: 100%;height: 100%;top: 0;left: 0;filter: alpha(opacity=50);opacity: 0.5;overflow: hidden;background-color: #000;}
*html { background:url(*) fixed; }
*html body { margin:0; height:100%; }
*html .overlay{ position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
DIV代码:
<a href="#" onclick="document.getElementById('overlay').style.display='block'">点击显示遮层</a>
<div id="overlay" class="overlay" style="display:none"></div>
0 0
- 遮层效果,兼容各种浏览器ie6--ie9,火狐,谷歌,360都ok
- 一个能够兼容IE6,IE8,IE9,IE10,IE11,谷歌,火狐,360等常见的10个浏览器的HTML头部信息配置代码
- CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
- CSS兼容性技巧整理从IE6-IE9 火狐谷歌浏览器兼容
- CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- CSS兼容性技巧--从IE6-IE9、 火狐、谷歌、兼容
- 各种IE兼容模式代码,IE6,IE7,IE8,IE9,IE10
- 前端开发学习之道:DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- 内存数据库SQLite和H2比较
- JS读取并输出xml文件节点及属性(兼容IE,FF)
- iOS学习之UIPickerView控件的简单使用
- Windows系统下Python压缩和解压文件、文件夹操作
- java线程池原理与实现
- 遮层效果,兼容各种浏览器ie6--ie9,火狐,谷歌,360都ok
- Dreamweaver MX 打造我们的留言本(一)
- ORACLE数据库事务隔离级别
- How to Update Your App for iOS 7
- HEVC图像表达方式
- FrontPage基础教程 表单的设计
- 数值变换文字
- android个人笔记(一)——mk文件
- JAVASCRIPT里的函数递归用法