博客主要讲述了CSS相关问题及解决办法。一是z-index和transform translateZ在Android和iOS上存在冲突，显示优先级不同，设置元素时二者值应逐级增减；二是全局样式中-webkit-overflow-scrolling: touch可按需添加；三是多个position:fixed中z-index失效，可用div包裹元素并设置该样式解决。
一.zindex和transform translateZ冲突问题
1.在android上，如果对元素同时设置zindex和transform translateZ的值时，在显示上zindex的优先级要高于translateZ
2.在ios上，则相反，translateZ的优先级要高于zindex
3.所以最好在设置一系列元素时，zindex的值和translateZ的值应该一起逐级增长或逐级减少
二.在全局样式中设置了-webkit-overflow-scrolling: touch，把这条样式注释掉，在需要滑动的地方比如弹窗再加上这条样式
三：多个position:fixed中z-index失效
把多个要position:fixed的元素用div包起来，在这个div设置position:fixed就好了
扫一扫
846
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
