在一个项目中，我为了一个特效，在一个链接前面加入一个半透明遮罩。为此，链接被遮罩挡住，导致无法成功点击到链接。

那么有什么办法可以实现事件穿透呢。

这里要说到CSS3，CSS3引入不少属性，也有不少属性是包含了JS的集合，比如常见的attr这个。

对于以上事件，这样介绍一个CSS3的属性pointer-events

常见的pointer-events的值有auto|none

none:

pointer-events，英文直译是指示器事件。none就是无的意思。合起来意思是，无指示器事件。顾名思义就是取消鼠标事件。

很诧异吧，css居然可以直接令JS的鼠标事件无效。

那无效以后呢，无效以后当前把点击事件穿透到当前dom下的dom了。

auto:

这个就不用说了，大家都懂的。

所以要穿透当前的dom成功点击下层的链接怎么办？ CSS写入pointer-events:none

小朋友们，你们学会了吗