简单案例，所以用方块代替登录页面
出处：慕课网的前端教程
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>position</title>
<style>
*{
margin:0;
padding:0;
}
html,body{
width:100%;
height:100%;
}
.con{
width:100%;
height:4000px;
background:#eee;
}
.opacity_{
width:100%;
height:100%;
background:rgba(125, 125, 125, 0.5);
position:fixed;
left:0;
top:0;
}
.login{
width:360px;
height:360px;
background:#999;
position:fixed;
left:50%;
top:50%;
margin-left:-180px;
margin-top:-180px;
}
</style>
</head>
<body>
<div class="con"></div>
<div class="opacity_"></div>
<div class="login"></div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
