IOS下z-index失效问题

一.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就好了

你可能感兴趣的:(CSS,bug记录,css,z-index,ios)