兩個彈窗相互切換（安卓蘋果通用方法）

效果

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的情況。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的两个弹窗相互切换（安卓苹果通用方法）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。