ios解决大转盘层级以及闪烁bug

ios中大转盘层级问题

1、z-index不生效

使用transform: translateZ(自定义数字)代替z-index

注意：要加单位，

2、translateZ可能会使其他元素闪烁（比如打开弹层的时候，大转盘会闪烁）

可在整个大转盘的父级添加translateZ(0)

.box {
  translateZ(0)
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.box .pointer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(10px);
}


.box .boxbg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(3px);
}