最近做了一个滚动的div在上层,div下面有页面的div然后有checkbox,上层div 遮挡不了 下层div的checkbox;
自己不是专业的前端就在网上找了好久,但是没有找到方法,然后突然看到一个属性 z-index 优先级显示;
专业解释:
z-index 属性指定一个元素的堆叠顺序。
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注意: z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。
使用这个属性就给解决了。
# 没有添加 z-index 属性的效果:
# 添加 z-index 属性的效果:
作为笔记分享一下。