ios 定位样式异常（定位css显示有问题）

?在处理h5移动端的时候，经常遇到兼容问题，特别是跨平台，w3c不明确的情况下。 我经常遇到iOS层级不够的情况：即，安卓一切显示正常，但在iOS环境下，就经常遇到fixed定位层级不够的问题（安卓层级在下一层，iOS层级在上一层）

是css新属性的权重问题。是flex布局的权重在iOS中定义的十分高，导致了它的优先级更高，在显示的时候有flex布局里面包含了fixed定位，则内部的定位不能超过父级，即层级不够高的问题。

处理方法：

1、不用flex布局，用常规定位布局，加上padding

2、 将弹窗移到外层 ： 如?

<div>
     <div>
        <!--定位原来位置-->
         <div class="pop3"></div>
     </div>
     <div class="pop1"></div>
     <div class="pop2"></div>
</div>

<!--
定位pop3 ios 就会有（可能）异常 如果将其移至pop1 和pop2 同级就没问题了 如果必须方里面 就需要将上一级的弹窗移到同级 
--->