背景需求
基于社区帖子用户(帖子已被删除)及微信用户不止一个来问这个问题,写了个代码片段
效果图
先上效果图 ,如下
弹窗的分析
因为是弹窗,所以我们要使用遮罩这个概念,使用position:fixed + z-index可以实现我们的效果
布局如下:
三个都是平级的
遮罩 postion:fixed
弹窗1 postion:fixed
弹窗2 postion:fixed z-index:2000
做了什么事情?
1、打开第一个弹窗,遮罩z-index < 弹窗 z-index
2、打开第二个弹窗,弹窗2 z-index > 遮罩 > 弹窗1 z-index
好的,已阅,大佬
你的好基友说界面丑