美文网首页
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失效

    iOS的弹性滑动属性-webkit-overflow-scrolling: touch会导致z-index属性失效

  • iOS中,z-index失效

    今天遇到一个内容重叠问题 需要将A内容部分覆盖在B内容上; 一切就绪后给A内容和B内容分别设置z-index; A...

  • z-index失效

    z-index失效可能是当前标签没有position属性

  • button 设置float 之后onClick失效

    button 设置float 之后onClick失效 设置z-index层级解决

  • IOS下z-index失效问题

    今天遇到了这个问题,就顺手记录一下 1.在android上,如果对元素同时设置zindex和transform t...

  • 2021-03-12elementUI组件失效

    elementUI日期失效,message框等都失效,F12发现是z-index太低。修改还是无效,最后直接样式写...

  • position: fixed 时 z-index 失效

    position为fixed时设置z-index失效: https://blog.csdn.net/acingdr...

  • css中z-index失效的问题

    今天用css做一个效果在本地文件的时候是可以实现的,但是在Vue框架的时候就不会出现的大BUG,因为Vue的节点都...

  • 小程序的iOS和Android兼容问题

    篇一: 1.margin在IOS中失效 在页面中元素使用margin值,在某些IOS设备下会出现失效的情况,而安卓...

  • CSS z-index失效问题

    z-index在CSS里一直是比较神奇的一种属性,在项目过程中,总是会出现时灵时不灵的状况,以下是我总结的几类失效...

网友评论

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

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