收藏
回答

样式显示问题,容器圆角50%溢出隐藏里面放图片ios第2个之后会出现图片不被隐藏

问题模块
API和组件

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



图片:





最后一次编辑于  2017-08-02  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

9 个回答

  • L🌛YYY
    L🌛YYY
    2017-08-02

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

    2017-08-02
    赞同
    回复
  • 风之城
    风之城
    2017-08-02

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

    2017-08-02
    赞同
    回复
  • 风之城
    风之城
    2017-08-02

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

    2017-08-02
    赞同
    回复
  • 风之城
    风之城
    2017-08-02

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

    2017-08-02
    赞同
    回复
  • L🌛YYY
    L🌛YYY
    2017-08-02

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

    2017-08-02
    赞同
    回复
  • 风之城
    风之城
    2017-08-02

    加你了

    2017-08-02
    赞同
    回复
  • 友友✨
    友友✨
    2017-12-01

    解决了吗?这确实是个bug

    2017-12-01
    赞同
    回复
  • 友友✨
    友友✨
    2017-12-01

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

    2017-12-01
    赞同
    回复
  • 风之城
    风之城
    2018-04-23

    之前就解决了~谢谢~

    2018-04-23
    赞同
    回复