美文网首页
iOS中,z-index失效

iOS中,z-index失效

作者: magic_pill | 来源:发表于2021-03-15 18:00 被阅读0次

    今天遇到一个内容重叠问题

    • 需要将A内容部分覆盖在B内容上;
    • 一切就绪后给A内容和B内容分别设置z-index;
    • A内容 z-index: 92;,B内容 z-index: 90;
    • Android和浏览器模拟器上显示都正常;
    • iOS 手机上显示B内容覆盖在A上面;
    • 检查原因:
      // 发现父级上元素上有这样的样式
      -webkit-overflow-scrolling: touch;
      
    • 解决方案:
      -webkit-overflow-scrolling: unset;
      

    相关文章

      网友评论

          本文标题:iOS中,z-index失效

          本文链接:https://www.haomeiwen.com/subject/ouwjgktx.html