<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div onclick="aa(1);"
style="width: 200px;height: 200px;border: 1px solid blue;"></div>
<div onclick="aa(2);"
style="width: 120px;height: 120px;top: 0px;position: absolute;border: 1px solid red;z-index: 111;pointer-events: none;"></div>
</body>
<script type="text/javascript">
function aa(num){
alert(num);
}
</script>
</html>
紅色div設置了z-index，在藍色div的上面。
通常情況下，點擊紅色div是不會觸發藍色div的點擊事件的，如果想屏蔽紅色div的點擊事件，需要像上面代碼一樣加上pointer-events: none;以阻止點擊事件。
注：
pointer-events: none;爲css3語法，低版本ie不支持。pointer-events: none;實際阻止的是鼠標事件，hover等其他事件也會被一同阻止。
