在做App页面时,只要元素css同时设置了background和border-radius样式,在ios16以上的系统就会偶尔出现背景色丢失的问题;
解决方案:
- 给加了background和border-radius的div本身添加样式:
transform: matrix3d(0,0,0);
will-change: transform;
- 给其父级元素添加样式:
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);