在iphone机型上使用border-radio画圆会出现这种情况,谁知道?
发布于 6 年前 作者 moping 1450 次浏览 来自 官方Issues

这个问题偶尔出现在iphone机型上,目前反馈来看就是iphone plus 上面;其他机型暂时还没出现;

这个圆形头像的样式我也在其他页面使用了的,但没有出现类似情况.只出现在左右滑动组件  swiper 里面;

由于我真的没法用自己的iPhone定位到问题,也没法测试;所以一直处在懵逼状态

前一段时间我以为是我使用了 will-change: transform;  导致的,但是好像就算我去掉了也还会出现;

后来我猜测可能是图片没有覆盖被剪切,然后是正方形图遮盖到了;image组件里专门加了border-radius:50%;也同样会出现;我初步怀疑是swiper组件影响到了;但是我又不知道怎么修改;各位有啥好的意见吗?

下面上有问题的图片

下面给大家看正常情况下是什么样子

上图为正常显示状态;

下面是代码结构

样式

各位有什么好的建议,可能会是哪里出现了问题吗?

补一张大一点有问题的图片

问题不是必出;就是会偶尔出现;我的手机也是plus;但是一次也没见到

7 回复

来个代码片段

这个外层的imgBoxs的z-index应该是低于内层image的,不清楚原因,但是你可以尝试给imgBoxs设定个z-index,大于image的z-index

看下 你swiper的样式

给image设置宽高。

我猜是图片的原因  以前就遇到过 小图标的png  放大就会这样

图片设置宽高和border-radio

外围也给同样的圆角看看

回到顶部