web|CSS弹出背景半透明窗口
文章来源 及 运行效果查看：http://www.codefans.net/jscss/code/3626.shtml
CSS弹出层，或者说是弹出窗口，背景半透明风格的弹出框，在网站登录、用户注册、公告提示方面都非常适合使用。IE和FF,OP均可以~弹出窗口,背景半透明
先说原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);
在非IE中用opacity:0.60;
两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);
在非IE中用opacity:0.60;
【web|CSS弹出背景半透明窗口】
弹出窗口,背景半透明 - 锐客网 body{margin:0px;
}
#bg{width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
filter: Alpha(opacity=50);
opacity:0.5;
background:#000000;
display:none;
}
#popbox{position:absolute;
width:400px;
height:400px;
left:50%;
top:50%;
margin:-200px 0 0 -200px;
display:none;
background:#666666;
}
终于搞定这个效果了，IE和FF,OP均可以~
先说原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);
在非IE中用opacity:0.60;
点击这里打开窗口两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);
在非IE中用opacity:0.60;
点击关闭窗口
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 私有化轻量级持续集成部署方案--03-部署web服务（下）
- EditText默认不获取焦点弹出键盘
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- spring|spring boot项目启动websocket
- OC:|OC: WKWebView详解
- WKWebview|WKWebview js 调用oc 和oc调用js
- 3.css浮动
- javaweb|基于Servlet+jsp+mysql开发javaWeb学生成绩管理系统
- webug3.0渗透基础第九、十关笔记