解决iPhone中z-index无效问题 - 会coding的HAM

解决iPhone中z-index无效问题

BG7ZAG

|

2023-6-16 17:23

|

889

|

0

|

84 字

|

1 分钟内

首先在出现层级问题的元素上，z-index的大小通过translateZ来设置层级关系：
```
transform: translateZ(自身z-index的数值px)
```
原先的z-index最好继续保留，因为还要考虑到非IOS用户

然后在父元素上添加：

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

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

CSS iPhone preserve-3d transform-style translateZ z-index

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!