这个问题偶尔出现在iphone机型上,目前反馈来看就是iphone plus 上面;其他机型暂时还没出现;
这个圆形头像的样式我也在其他页面使用了的,但没有出现类似情况.只出现在左右滑动组件 swiper 里面;
由于我真的没法用自己的iPhone定位到问题,也没法测试;所以一直处在懵逼状态
前一段时间我以为是我使用了 will-change: transform; 导致的,但是好像就算我去掉了也还会出现;
后来我猜测可能是图片没有覆盖被剪切,然后是正方形图遮盖到了;image组件里专门加了border-radius:50%;也同样会出现;我初步怀疑是swiper组件影响到了;但是我又不知道怎么修改;各位有啥好的意见吗?
下面上有问题的图片
下面给大家看正常情况下是什么样子
上图为正常显示状态;
下面是代码结构
样式
各位有什么好的建议,可能会是哪里出现了问题吗?
补一张大一点有问题的图片
问题不是必出;就是会偶尔出现;我的手机也是plus;但是一次也没见到
图片设置宽高和border-radio
给image设置宽高。
看下 你swiper的样式
这个外层的imgBoxs的z-index应该是低于内层image的,不清楚原因,但是你可以尝试给imgBoxs设定个z-index,大于image的z-index
我猜是图片的原因 以前就遇到过 小图标的png 放大就会这样
来个代码片段
外围也给同样的圆角看看