z-index层叠规则引发的小问题

问题描述： 有两个组件,分别是Picker时间选择器组件和页面底部导航组件，都需要固定显示在页面最下方。 由于页面过长，组件固定下方都选择使用display: flex布局。 设置Picker选择器z-index: 9999层级最高，但是没有解决问题。 分析问题后发现页面布局如下图所示： 由于Picker的外层元素设置了低于底部导航的层级，所以导致“层叠显示冲突”问题。必须将contain和.in

>>阅读原文<<