举例说明pointer-events有什么实际用途？

举例说明pointer-events有什么实际用途？

1、全网置灰效果（全国哀悼）
2、全网添加水印效果（防侵权）

添加一个div，通过fixed和z-index使其覆盖到页面之上，添加pointer-events: none;鼠标穿透

.common { // 公共样式 position: fixed;  left: 0;  top: 0;  z-index: 9999;   width: 100%;  height:100%;  pointer-events: none; // 鼠标穿透，使其鼠标事件失效，直接点击到下面}.gray {  // 置灰效果  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  filter: grayscale(100%);}.watermark { // 水印效果  background: url(watermark.png) repeat;}