两个弹窗相互切换（安卓苹果通用方法）

效果

1-点击问号一弹出第一个对话框，第二个对话框消失

2-点击问号二弹出第二个对话框，第一个对话框消失

3-点击其他地方，两个对话框都消失

做法：

（1）设置一个class类 mask,模拟body覆盖所有页面：并且设置 z-index: 1;（不设置的话默认是z-index: 0）

.arrow_mask{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;display: none;}

（2）点击问号1弹出对话框1，并且弹出mask

（3）单击另一个问号，第一个弹框消失：

 设置两个问号的z-index: 2;点击问号2弹出对话框2，并且弹出mask

※ 设置z-index 只能是position是fixed或者absolute的情况。

两个弹窗相互切换（安卓苹果通用方法）相关推荐

android ios语音转码,手机如何将语音转文字？这几种方法真简单，安卓苹果通用...
原标题:手机如何将语音转文字?这几种方法真简单,安卓苹果通用手机可以将语音转文字吗? 当然可以啦,方法还不止一种,下面就简单给大家介绍几种,安卓苹果手机通用的方法吧. 1.输入法-实时语音转文字手 ...
华为手机吃鸡隐藏功能android,什么蓝牙耳机适合华为手机？超低延迟吃鸡蓝牙耳机安卓苹果通用...
原标题:什么蓝牙耳机适合华为手机?超低延迟吃鸡蓝牙耳机安卓苹果通用什么蓝牙耳机适合华为手机?超低延迟吃鸡蓝牙耳机安卓苹果通用随着各种自媒体.手游.短视频越来越流行,大家对使用便捷的蓝牙耳机的需求也 ...
黑苹果用uhd630_5款手机必备超好用黑科技APP！追剧办公两不误，安卓苹果通用...
阅读本文前,请您先点击上面的蓝色字体"电子荟",再点击"关注",这样您就可以继续免费收到最新文章了.每天都有分享.完全是免费订阅,请放心关注. 1.好莱坞老电影 ...
安卓苹果通用高兼容性蓝牙耳机，双11新款高人气蓝牙耳机推荐
音乐无国界,喜欢听音乐的朋友很多,但对于音质的追求是见仁见智的,有人木耳,听个响就行,随便一副百来块钱的耳机就听得津津有味.有的人对音质的追求到了一种痴迷的程度,出门都要带着无损播放器和耳放.近两年, ...
安卓苹果通用超强兼容性蓝牙耳机，连接稳定音质卓越，双11必备
AirPods的诞生无疑是拉开了无线耳机和有线耳机的地位之战, 由于AirPods在无任何线材接驳的情况下实现左右耳朵单元同步独立工作,此类耳机也被赋予了"真无线"的称号. Air ...
苹果输入法怎么换行_朋友圈不折叠的N种方法安卓苹果通用
点击蓝字关注我们 [黑桃公会] 解析网络项目提供独家资料汇总最全干货 2020/03/30 ♠ 今天,黑桃分享一下破解朋友圈折叠的方法!我们曾也分享过一个小技巧来防止朋友圈折叠,但是,微信升级 ...
[Moonlight内网串流教程] IPAD超简易操作版 - 安卓苹果通用
超简易进行串流教程使用设备:ipad Air 3 .有Nvidia显卡的普通Windows笔记本. Windows系统准备工作 1.打开Nvidia GeForce Experience,如果没有就 ...
苹果切换输入法_最新破解朋友圈折叠的多种方法！安卓和苹果通用！亲测有效！...
(☝聪明的人都会星标我☝) Hi,大家好!非常抱歉,已经有一个多月没有更新了,从今天开始恢复更新!更新时间随机不定时! 感谢大家一直以来的关注和支持! 今天,我们分享一下破解朋友圈折叠的方法!我们曾经 ...
如何让子对话框和夫对话框窗口相互切换
大家在开发过程中,经常会用到弹出对话框,但这个时候,弹出的对话框总是在夫对话框之前,不能操作夫对话框,如果仅仅是需要对夫对话框进行操作,可以使用非模态对话框去创建弹出对话框,但是,这个时候,如果切 ...

两个弹窗相互切换（安卓苹果通用方法）

两个弹窗相互切换（安卓苹果通用方法）

效果

1-点击问号一弹出第一个对话框，第二个对话框消失

2-点击问号二弹出第二个对话框，第一个对话框消失

3-点击其他地方，两个对话框都消失

做法：

（1）设置一个class类 mask,模拟body覆盖所有页面：并且设置 z-index: 1;（不设置的话默认是z-index: 0）

（2）点击问号1弹出对话框1，并且弹出mask

（3）单击另一个问号，第一个弹框消失：

两个弹窗相互切换（安卓苹果通用方法）相关推荐

最新文章

热门文章