评论

换肤 + 嵌套弹窗

换肤 + 嵌套弹窗

背景需求

基于社区帖子用户(帖子已被删除)及微信用户不止一个来问这个问题,写了个代码片段

效果图

先上效果图 ,如下

弹窗的分析

因为是弹窗,所以我们要使用遮罩这个概念,使用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

代码片段

https://developers.weixin.qq.com/s/VaCQvtmm7hzW

最后一次编辑于  2022-05-23  
点赞 2
收藏
评论

2 个评论

  • Frank
    Frank
    2022-05-23

    好的,已阅,大佬

    2022-05-23
    赞同 1
    回复
  • 拾忆
    拾忆
    2022-05-23

    你的好基友说界面丑

    2022-05-23
    赞同
    回复
登录 后发表内容