html 弹出层
来源:互联网 发布:网络优化一日工作总结 编辑:程序博客网 时间:2024/05/17 04:05
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: gray;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 10%;
width: 80%;
height: 40%;
background-color: white;
z-index:1002;
overflow: auto;
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: gray;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 10%;
width: 80%;
height: 40%;
background-color: white;
z-index:1002;
overflow: auto;
}
<div id="light" class="white_content">这是一个层窗口示例程序. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">点这里关闭本窗口</a></div>
<div id="fade" class="black_overlay"></div>
$("#toolbar").click(function(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
});
0 0
- html普通弹出层
- html 弹出层
- html JS弹出层
- html弹出层
- html 弹出层
- html弹出浮动层
- 分享几个HTML弹出层
- html可拖动弹出层
- 分享几个HTML弹出层
- html弹出层的实现
- html编程,弹出层遮住下拉框
- javascript+css+html实现弹出层
- html 手机点击事件弹出层
- Html 弹出层 自定义提示信息
- html+js/jquery实现弹出层效果
- html+javascript实现可拖动弹出层、对话框、可提交
- javascript html css 点击提交按钮弹出透明层
- 点击登录按钮弹出登录层(HTML+JS)
- Codeforces Round #340 (Div. 2)
- contentType的所有类型
- ConcurrentHashMap原理(2)之用分离锁实现多个线程间的并发写操作
- svn的简介
- enum枚举
- html 弹出层
- Mac下安装lxml及Beautiful Soup
- 3. 空金字塔池化(Spatial Pyramid Pooling)
- HTML5开发移动web应用——Sencha Touch篇(5)
- UVA-PIE
- XML——XML概述
- 3036: 绿豆蛙的归宿 概率与期望 记忆化搜索
- 宏正自动科技发行首创双控制端抽拉式LCD KVM设备
- 字符串查找String.IndexOf