マスクによるある領域以外のクリック時の弾窓のイジェクトと閉じる

    div         

    div            

CSS：

#div{
	/*  z-index      position:relative absolute*/ 
	position:relative;
	/*  div       */ 
	z-index:2;
	width:300px;
	height:200px;
	border:1px solid grey;
}
#cover{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	/*      div   */ 
	z-index:1;
}
#box{
	border:1px solid grey;
	/*      ，     ，               ，           */
	position:fixed;
	width:400px;
	height:300px;
	left:50%;
	top:50%;
	/*  left:50% top:50%                 ，margin-top height   ，margin-left width   */
	margin:-150px 0 0 -200px; 
	/*           */ 
	z-index:2;
	/*       */
	display:none;
}

document.getElementById("cover").onclick = function() { 
	if (document.getElementById("box").style.display == "block") {
		document.getElementById("box").style.display = "none";
		document.getElementById("cover").style.background = "white";
	}
	else {
		document.getElementById("box").style.display = "block";
		document.getElementById("cover").style.background = "#aaa";
	}
}