前言：

最近在公司完成小程序的新手引导中遇到了要将蒙层挖空，漏出后面内容的功能，找了各种资料之后，发现了一种就使用几行css代码就实现这个效果的方式，在这里分享给各位小伙伴们。

功能描述：实现下图的镂空效果

 代码展示：

.mask {position: absolute;bottom: 20rpx;left: 50%;transform: translateX(-50%);width: 90%;height: 500rpx;margin-left: 20rpx;border-radius: 36rpx;background-color: transparent; /* 关键：背景透明 */box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7); /* 用阴影覆盖周围区域 */z-index: 103;
}