body { background-color:#EBEBEB } .aaa { background-color:#CB4F51; padding:10px; display:block; width:80px; text-align:center; color:#fff; } .info { display:none; width:150px; height:100px; line-height:100px; text-align:center; position:absolute; top:50%; left:50%; z-index:2; background-color:#fff; margin-top:-100px; margin-left:-50px; border-radius:10px } .mask { display:none; position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.4); z-index:1; }
点击按钮出现弹窗,点击遮罩层隐藏弹窗。