css mask禁止点击

CSS mask属性是用来指定一个遮罩图片或渐变效果，可以将其作为一个图层应用到元素上，实现图片遮罩、镂空等效果。不过在使用过程中，有时候需要禁止遮罩层被点击，这时候就需要用到mask禁止点击的技巧。

首先，我们在CSS中为要添加遮罩效果的元素设置mask-image属性和mask-mode属性，这样就可以正常添加遮罩图层。然后，通过添加pointer-events:none属性来禁止遮罩层的点击事件，这样遮罩图层的点击事件就会被忽略，只能选中遮罩层下面的元素。

.element {
  mask-image: url('mask.png');
  mask-mode: alpha;
  pointer-events: none;
}

需要注意的是，禁止遮罩层点击事件的同时也会禁止其它事件（比如鼠标滚轮、键盘事件等）的触发，如果需要在遮罩层上增加事件，可以通过JavaScript来实现