61,112
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
二次元社畜 2016-10-27
- 打赏
- 举报
模态对话框吧
夏季攻势 2016-10-27
- 打赏
- 举报
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Document</title>
<style type="text/css">
.back{
position:absolute;
left:0;
top:0;
background:#000;
right:0;
bottom:0;
background:rgba(0,0,0,.5)/* IE8不支持rgba */
}
.filter{
filter:Alpha(Opacity=50)/* 兼容IE8背景透明 */
}
.front{
width:500px;
min-height:500px;
position:absolute;
top:50%;
left:50%;
margin:-250px 0 0 -250px;
background:#fff;
}
</style>
</head>
<body>
<p>后面内容</p>
<div class="back filter">
<div class="front">
弹出框显示内容
</div>
</div>
</body>
</html>
KK3K2005 2016-10-27
- 打赏
- 举报
2个div
一个满屏 半透明背景
一个白色剧中
