html, body
{
height: 100%;
margin: 0px;
font-size: 12px;
}
.mydiv
{
background: #f1f1f1;
padding: 15px 30px;
border: 5px solid #ccc;
z-index: 99;
left: 50%; /*FF IE7*/
top: 50%; /*FF IE7*/
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*/
}
.bg
{
background-color: #ccc;
width: 100%;
height: 100%;
left: 0;
top: 0; /*FF IE7*/
filter: alpha(opacity=50); /*IE*/
opacity: 0.5; /*FF*/
z-index: 1;
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*/
}
分享到:
相关推荐
弹出层兼容所有浏览器,用jquery编写,可兼容所有游览器
JS+CSS遮盖层,完全支持ie等主流浏览器,并解决在ie6下无法遮盖窗口级控件问题。
点击弹出浮动层 弹出遮罩层 点击弹出浮动层 弹出遮罩层
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
用CSS和Javascript实现的DIV遮照飘浮层 通过点击按钮显示半透明遮盖层以及信息层 用CSS实现的固定飘浮,以及用Javascript实现的定位飘浮 用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现...
纯css手打,用before伪元素实现的一层半透明层,你可以看到下面的背景图,也可以看见上面内容,也就是他是在背景和内容之间的一层
弹出层遮罩层效果(包括居中、不随滚动条滚动)
NULL 博文链接:https://youzhibing.iteye.com/blog/2128287
关于flash遮盖div浮动层
jquery的遮盖层代码,简单易用,方便使用,哈哈 规范化
这两天要用到正好练练手,比想象中碰到的问题要多,比如: ie6背景透明 ie6居中显示 还有对js对象的理解 openID=显示按钮,conID=需要显示的div,closeID=关闭按钮 解决了: 1.可以遮挡ie6下的select元素 但是在ie6下div...
兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari 自适应内容: 无需预设高宽, 对话框自适应消息内容的大小 (包括按钮),并且支持消息框大小拖动调节 智能消息对齐: 如果设置了对话框宽度,文本会自动...
NULL 博文链接:https://tangdonnaui.iteye.com/blog/348013
非常好用的jquery弹出框,也可做弹出层,遮盖层
主要介绍了解决css中hover做遮盖罩闪动问题的相关知识,需要的朋友可以参考下
NULL 博文链接:https://tangdonnaui.iteye.com/blog/548289
通过对画笔的设置,获取灰色遮盖,不用美工的图片也可以达到半透明遮盖的效果,节省了资源。
javascript实现遮盖层效果 点击登陆后弹出小登陆窗口 原页面可见但是不能操作!
Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 ...
身份证格式验证,js遮盖层显示和隐藏