设置遮罩没有反应
来源：4-1 定位和边距的区别以及弹出层的简单实例
慕粉1469424710
2020-05-20 21:58:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>弹出层案例</title>
<style type="text/css">
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
.con{width:100%;height:4000px;
background:url(image/mooc.png) center top no-repeat;}
}
.opacity{width:100%;
height:100%;
background:url(image/opacity.png);
position:fixed;
top:0;
left:0;
}
.login{width:360px;height:360px;background:url(image/login.png) no-repeat;
position:fixed;top:50%;left:50%;margin-top:-180px;margin-left:-180px;
}
</style>
</head>
<body>
<div class="con"></div>
<div class="opacity"></div>
<div class="login"></div>
</body>
</html>
1回答
-
同学你好，如下所示位置，多写了一个花括号，导致遮罩层样式无法生效，去掉就可以了。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题