样式显示问题,容器圆角50%溢出隐藏里面放图片ios第2个之后会出现图片不被隐藏
发布于 6 年前 作者 fma 10503 次浏览 来自 问答

在容器外面做圆角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>

图片:

9 回复

加Q 624012124.具体让我看一下你说的问题。

解决了吗?这确实是个bug

查了资料,这个是webkit的bug,不是小程序bug,出现在使用了transform时

ios上样式的显示还是有问题

之前就解决了~谢谢~

我觉得微信小程序对于这个样式在ios上的解析是不是存在bug

image外面一层的view已经加了overflow:hidden;为了控制层叠顺序,image外面的view也已经加了Z-index了,image标签的width height大小单位已经换成px了,

overflow写外面的view层试试,而且你的image标签的width height 最好不要用百分比。最好要体现层级关系,加一个Z-index

回到顶部