<html>
<head>
<style type="text/css">
.mask{
position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;z-index: 1002; left: 0px;
opacity:0.1; -moz-opacity:0.5;
height:100%;width:100%;
}
</style>
<script>
showMask (){
alert("发生点击事件");
}
</script>
</head>
<body>
<div class="mask"></div>
<a href="javascript:;" οnclick="showMask()" >点击事件</a><br />
</body>
</html>
class="mask"遮罩层显示 ,遮住所有,点击事件不能发生;若是要点击事件发生,则在mask样式里面加上 pointer-events: none;