在处理h5移动端的时候，经常遇到兼容问题，特别是跨平台，w3c不明确的情况下。

　　我经常遇到iOS层级不够的情况：即，安卓一切显示正常，但在iOS环境下，就经常遇到fixed定位层级不够的问题（安卓层级在下一层，iOS层级在上一层）

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

在多次相遇后，我翻找了许多资料，包括z-index的使用，最后发现了，是css新属性的权重问题。

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

的问题。

 

 

处理方法：

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

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄