WEB遮罩层

【前言】WEB遮罩层



在这里插入代码片

.nav{
				width: 50vw;
				height: 10vh;
				background: red;
			}
			.main{
				width: 500px;
				height: 500px;
				background: yellow;
				margin: 100px auto;
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				z-index: 1;
			}
			.zhezhao{
				width: 100vw;
				height: 100vh;
				position: fixed;
				top: 0;
				background:rgba(0,0,0,.5);
				display: none;
		
			}
			.btn{
				
				width: 10px;
				height: 10px;
				float: right;

		
		

x

你可能感兴趣的:(WEB遮罩层)