弹出提示框界面加遮罩

<div class="tishi" id="tishi">
			<div class="kuai" id="kuai">
				<div class="fanhui"><button id="close"><img src="image/close.png"></button></div>	
			</div>
		</div>

function fn(){	
$("#tishi").show();
 $("#close").click(function(){$("#tishi").hide();});
for(var i = 0; i < rule.length; i++) 
{
if(rule[i].checked) {
check.push(rule[i].value);}
}for(var m = 0, j = 0;(m < result.length) && (j < check.length); m++, j++) {
if(result[m] == check[j]) {score += 10;}
}
var aaa=document.getElementById("kuai");
aaa.innerHTML="你得了"+score+"分";
}

.tishi {
		width: 1280px;
		height: 730px;
		position: absolute;
		z-index: 10000;
		margin: 0px 0px 0px 0px;
		display: none;
		background: rgba(0, 0, 0, 0.5);
		top: 0px;
		left: 0px;
	}
.kuai {
	width: 500px;
	height: 400px;
	background: #5cadff;
	left: calc(50% - 250px);
	top: 200px;
	border-radius: 10px;
	background:url(../img/1280/background2.png);
	position: fixed;
	background-repeat: no-repeat;
}

.fanhui {
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

.fanhui button {
	width: 30px;
	height: 30px;
	background: none;
	border: none;
	font-size: 18px;
}