html如何添加水印？

Question

现在想在html页面上做水印功能，目前想法是加一个图层，覆盖所有的，但是页面上如果有需要交互的元素的话，就不太好了，比如，点击什么的，被图层覆盖了，无法点击了，有么有什么好的办法可以实现的，或者说属性控制透过最上面的图层可以点击下面的图层

Answer 1

给水印层添加样式pointer-events: none;

Answer 2

用画布来家水印也可以，也可以把水印做成一个单独页面覆盖在上面，点击事件添加在这一层，根据条件来触发相应的函数