微信小程序border-radius失效问题
明明设置了border-radius,也设置了overflow:hidden,预览也没事,就是真机不行。
其实就是父级设置圆角属性失效,父元素使用border-radius和overflow:hidden做成圆形,子元素如果使用了transform属性,则父元素的overflow:hidden会失效。
解决方法:
在父级,就是设置了radius属性的class上加上这两条css就可以了
.view { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }