overflow:hidden在移动端iOS失效的解决方案

overflow:hidden，在移动端iOS失效的解决方案

描述：父元素使用border-radius和overflow：hidden；子元素使用了transform属性，父元素的overflow：hidden；会失效。
或者子级元素是一个image图片格式的，overflow：hidden同样也会失效

解决方案：
在父元素添加以下属性：

    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);

还不能完全解决，只遮挡了部分，再在子元素添加以下属性：

    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);