使上层div遮挡下层div的checkbox

最近做了一个滚动的div在上层，div下面有页面的div然后有checkbox，上层div 遮挡不了 下层div的checkbox；

自己不是专业的前端就在网上找了好久，但是没有找到方法，然后突然看到一个属性  z-index 优先级显示；

专业解释：

z-index 属性指定一个元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。

使用这个属性就给解决了。  

# 没有添加 z-index 属性的效果：

# 添加 z-index 属性的效果：

作为笔记分享一下。