分享一个踩坑记录,在做h5页面时,只要元素css同时设置了background和border-radius样式,在ios16以上的系统就会偶尔出现背景色丢失的问题(在PC和安卓都没问题)
解决方法:
1、不要在同一个元素使用background和border-radius,添加一个div分别加样式;
2、在其父元素添加(推荐使用 实测有效!)
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);