css如何实现缕空遮罩层 css实现缕空遮罩层代码示例

css如何实现缕空遮罩层？本篇文章小编给大家分享一下css实现缕空遮罩层代码示例，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

常规遮罩层

使用box-shadow实现镂空遮罩引导层效果

优点：

圆角轻松实现；

box-shadow 不会影响元素位置，定位只需要根据 content 的位置写。

缺点：阴影可视区域无法触发click事件，因此，当点击蒙层任意区域，无法隐藏。