z-index層疊規則引發的小問題

問題描述： 有兩個組件,分別是Picker時間選擇器組件和頁面底部導航組件，都需要固定顯示在頁面最下方。 由於頁面過長，組件固定下方都選擇使用display: flex佈局。 設置Picker選擇器z-index: 9999層級最高，但是沒有解決問題。 分析問題後發現頁面佈局如下圖所示： 由於Picker的外層元素設置了低於底部導航的層級，所以導致「層疊顯示衝突」問題。必須將contain和.in

>>阅读原文<<