解决iPhone中z-index无效问题

BG7ZAG

分类： 程序开发 145 0

  1. 首先在出现层级问题的元素上，z-index的大小通过translateZ来设置层级关系：

    transform: translateZ(自身z-index的数值px)

    原先的z-index最好继续保留，因为还要考虑到非IOS用户

  2. 然后在父元素上添加：

    transform-style: preserve-3d; // 父元素必须加这个

方案来自：苹果手机 z-index 失效

版权声明: 本站文章除特别声明外，均为本站原创。转载请注明出处，谢谢。

本文地址: https://blog.bg7zag.com/2681

  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
CSS、iPhone、preserve-3d、transform-style、translateZ、z-index

作者简介： BG7ZAG

打赏

博客站长，前端开发工程师

共 0 条评论关于 “解决iPhone中z-index无效问题”

Loading...