实现一个居中显示的半透明模态框

CSS部分

           .modal {
			width: 400px;
			height: 250px;
			position: absolute;
			top: 50%;
			left: 50%;
			background: rgba(0, 0, 0, .5);
			transform: translateX(-50%) translateY(-50%);
		}

HTML部分

        <!-- 弹出模态框 -->
	<div class="modal">

	</div>