CSS穿透元素即元素永远不会成为鼠标事件的目标

有时候可能需要在界面上加一个水印层，而这个水印层又不能响应鼠标的事件，即事件可以穿透水印层直达目标元素。这个时候可以使用一个CSS非常有用的pointer-events属性快速的达到效果,以下是CSS代码。

.watermark{
    background-image:url(img.png);
    position: fixed;
    opacity: 0.1;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    pointer-events: none;
}