在容器外面做圆角50%,溢出隐藏里面放一个图片,
这样的在一个容器里面连续做三个或三个以上,ios第2个之后会出现图片不被隐藏的现象,安卓正常显示,微信开发者工具里面这个部分的样式的显示也没有问题。
部分代码:
<view class="Head_Portraits clear">
<block wx:for="{{info.trial_praise_record}}" wx:key="unique">
<view class="Head_Portraits_img" style="border-radius:50%;overflow: hidden;" wx:if="{{index < 3}}">
<image src='{{item.avatar}}' mode="widthFix" ></image>
</view>
</block>
</view>
图片:
之前就解决了~谢谢~
查了资料,这个是webkit的bug,不是小程序bug,出现在使用了transform时
解决了吗?这确实是个bug
加你了
加Q 624012124.具体让我看一下你说的问题。
我觉得微信小程序对于这个样式在ios上的解析是不是存在bug
ios上样式的显示还是有问题
image外面一层的view已经加了overflow:hidden;为了控制层叠顺序,image外面的view也已经加了Z-index了,image标签的width height大小单位已经换成px了,
overflow写外面的view层试试,而且你的image标签的width height 最好不要用百分比。最好要体现层级关系,加一个Z-index