iOS中,z-index失效

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

  • 需要将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;
    

推荐阅读更多精彩内容

  • 第一节:z-index基础 较大的z-index会覆盖较小的那个z-index元素 z-index:auto 默认...
    胖鱼尾巴阅读 485评论 0 0
  • z-index 与 css 定位属性 z-index 只对定位元素有作用。 如果定位元素z-index没有发生嵌套...
    soojade阅读 509评论 0 2
  • iOS的弹性滑动属性-webkit-overflow-scrolling: touch会导致z-index属性失效
    他爱在黑暗中漫游阅读 1,270评论 0 0
  • 【曾以为CSS牛逼了,然而并没有系列】 虽说是著名的,但宝宝还不怎么理解,也是惭愧。。。 简单翻一下这个著名的7l...
    Yuxin_Liu阅读 69评论 0 0
  • 看似简单的表象实际上并没有想象的简单。最近不知道啥情况,同事之间流行了一句话“这还不简单啊”。甭管遇见什么问题都是...
    培佑哥阅读 1,663评论 0 6