使用antd-mobile的时候,在Modal和Picker叠加使用的场景下,安卓没有问题,IOS下却遇到了一个问题,如下图
相信大家的第一反应就是去更改z-index,然而,并不起作用。
然后又试着将Modal的position直接变成static,诡异的是,Modal居然还盖在Picker上!
无奈只能再细细看Modal还有哪些特殊的样式,直到我看到了
在将translateZ改成0后,一切恢复正常!!
几种比较常见的失效情况有:
- 元素没有设置position属性
- 元素设置了浮动float
- 父级元素的z-index比子级元素的z-index小
- 元素的父级设置了position: relative
但这种失效情况只在IOS下出现,还真是第一次遇见(●ˇ∀ˇ●)