div蒙板半透明兼容ie6
来源:互联网 发布:陕西省家长网络学校 编辑:程序博客网 时间:2024/05/22 06:08
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>蒙版兼容ie6</title><style type="text/css">*{ margin:0; padding:0;}li{ list-style:none;}.mask{height:100%; width:100%; position:fixed; _position:absolute; left:0; top:0; z-index:100; } * html .mask { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}.opacity{ opacity:0.6; filter: alpha(opacity=60); background-color:#000; }.main{ height:1000px; position:relative; z-index:101;}.pop{ position:fixed; left:50%; top:50%; margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */ margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/ margin-top:0px; position:fixed!important;/* FF IE7*/ position:absolute;/*IE6*/ _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ width:300px; text-align:center; padding:20px; background:#fff; z-index:102;}</style><!--[if lte IE 6]><style type="text/css">html{ /*这个可以让IE6下滚动时无抖动*/ background: url(about:black) no-repeat fixed; overflow:hidden;}</style><![endif]--></head><body><div class="mask opacity"></div><div class="main"><div class="pop"> 蒙版上的内容 </div></div></body></html>
0 0
- div蒙板半透明兼容ie6
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff
- CSS实现半透明背景 兼容IE6
- CSS使块半透明方法,兼容IE6
- 一个半透明的div如何兼容 ie8 ?
- CSS的DIV背景图放置(兼容IE6)
- CSS的DIV背景图放置(兼容IE6)
- div+css IE兼容 IE6文字溢出
- div+css 兼容IE6/IE7/FF/IE8
- css 悬浮div效果(兼容ie6)
- DIV+CSS--IE6,IE7,IE8,Firefox兼容
- DIV清除浮动 高度自适应 兼容IE6
- DIV+CSS兼容IE6+IE7+Firefox
- css div 遮罩层 兼容IE6-IE9 FireFox
- 拖动DIV,兼容IE6-9,兼容遨游火狐等
- 半透明div并且在IE火狐下兼容
- DIV半透明
- div半透明
- 【线性扫描i】 valid number 数字格式是否正确
- Cocos2d-x 3.2 Lua示例 ActionTest(动作测试)
- 自然数拆分
- hdu 4888 2014多校第三场1002 Redraw Beautiful Drawings 网络流
- hadoop学习笔记3.通过电话通信清单例子简单使用Reduce和打包JAR
- div蒙板半透明兼容ie6
- 腾讯微信技术总监周颢:一亿用户增长背后的架构秘密
- hdoj.1005 Number Sequence 20140725
- Keil MDK中的Code, RO-data , RW-data, ZI-data分别代表什么意思?(转)
- 解决Java, Servlet的换行符无法显示问题
- 哥决定不再沉默,哥要实现低调而华丽的转变
- IOS中输入框被软键盘遮挡的解决办法
- C++中的虚函数
- 数组求和-1061