记录微信小程序遇到的坑(border-radius导致 overflow:hidden失效)
使用Uniapp框架开发微信小程序
swiper中轮播图需要增加圆角美化,编译器显示是有圆角的,但是手机预览中圆角失效,查看css样式都是存在的。
网上查找是因为父级设置了border-radius同时还设置了overflow:hidden,想要隐藏超出的子元素边角依然会显示出来,overflow:hidden无效了。
解决办法:
方法1、
position: relative; z-index:1;
放法2、
transform: rotate(0deg);