圆角轮播图ios兼容问题
[图片][图片] 将轮播图样式改为圆角。在安卓系统里运行,没有一点问题,但是在ios系统中运行时,图片静止时,轮播图为圆角,但是当触摸滑动时候,外边框就变成了直角。css中关于border-radius都做了兼容性写法。这样的情况如何解决。 html: <view class='body'> <!--顶部轮播图 --> <swiper class="moveBox" indicator-dots="{{indicatorDots}}" id="custom_swiper" autoplay="{{autoplay}}" interval="{{interval}}" indicator-color="rgb(255,255,255)" indicator-active-color="rgb(255, 0,0)" duration="{{duration}}" circular="{{circular}}" bindchange="swiperchange"> <block wx:for="{{imgUrls}}" wx:key="images"> <navigator url="../detial/detial" hover-class="navigator-hover"> <swiper-item class="moveBox"> <image src="{{item}}" class="slide-image topimage" mode="scaleToFill"/> </swiper-item> </navigator> </block> </swiper> </view> css /*顶部轮播图样式 */ .body{ padding: 0 5%; } #custom_swiper{ -moz-border-radius: 30rpx !important; -webkit-border-radius: 30rpx !important; border-radius: 30rpx !important; overflow: hidden; height: 600rpx; } .topimage{ width: 100%; height: 100%; -moz-border-radius: 30rpx !important; -webkit-border-radius: 30rpx !important; border-radius: 30rpx !important; } .moveBox{ -moz-border-radius: 30rpx !important; -webkit-border-radius: 30rpx !important; border-radius: 30rpx !important; }