ios 定位样式异常(定位css显示有问题)

2023-12-29 17:12:32

?在处理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 同级就没问题了 如果必须方里面 就需要将上一级的弹窗移到同级 
--->

文章来源:https://blog.csdn.net/Edwin_jade/article/details/135293000
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。