小程序中父元素border-radius和overflow:hidden;ios端不生效

img

img

参考
CSS ios 父元素 border-radius元素 overflow:hidden失效问题 iPhone ios 苹果兼容问题_第二世界-CSDN博客 在父元素上加上这段代码 -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-mask-image: -webkit-radial-gradient(white https://blog.csdn.net/qq_29180565/article/details/114537283
微信小程序 CSS border-radius元素 overflow:hidden失效问题 iPhone ios 苹果兼容问题 - 程序员大本营 微信小程序 CSS border-radius元素 overflow:hidden失效问题 iPhone ios 苹果兼容问题，程序员大本营，技术文章内容聚合第一站。 https://www.pianshen.com/article/7247303516/
在父元素上加上这段代码

 -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
 -webkit-mask-image: -webkit-radial-gradient(white, black);

img

父元素设置以下两个属性：

　　　　-webkit-backface-visibility: hidden;

　　　　-webkit-transform: translate3d(0, 0, 0);