问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 微信小程序 Bug 11.1.2 苹果6 6.6.5



在swiper组件中，IOS给组件添加相对定位无效，导致组件item绝对定位无法在组件中，溢出隐藏失效，swiper-item超出swiper，border-radius效果无法实现。

安卓中效果：


苹果中效果：


开发工具中：


代码片段：




image>
swiper-item>
swiper>
view>
view>
/* Banner */
.bannerBar {
width: calc(100% - 60rpx);
height: 350rpx;
padding: 30rpx;
}
.banner-box {
width: 100%;
height: 100%;
border-radius: 10rpx;
box-shadow: 0 0 50rpx rgba(0, 0, 0, 0.2);
overflow: hidden;
position: relative;
}
.banner {
width: 100%;
height: 100%;
border-radius: 10rpx;
overflow: hidden;
position: relative;
}

微信小程序开发问题解答

微信小程序开发者回答：

问题解决了吗

微信小程序开发者回答：

昨天发了一个border-radius跟box-shadow共存也会导致溢出隐藏失效的帖子，但是后来将阴影加到外部盒子就没问题了。

本文网址：http://www.91bianli.com/weixinxiaochengxu/50557.html

上一篇：[已解决]微信小程序定制IOS真机测试 webSocket连接后瞬

下一篇：界面显示