收藏
回答

小程序image的overflow:hidden属性会覆盖border的渲染问题

问题模块
API和组件


设置了一个头像,正常的渲染应该是这样的


然而在ios手机某些情况下会变成


感觉是因为overflow:hidden的图片覆盖了boder,就像这样


这个是什么原因导致的,急急急急急急急。

这种情况在ios下时好时坏。

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

1 个回答

  • 莫庸 养生ing
    莫庸 养生ing
    2017-12-07

    具体代码如下


    wxml:

    <image wx:if="{{vcardInfo.photo_path != null}}" class="vcard-avatar" mode="aspectFill" src="{{vcardInfo.photo_path}}"></image>

    wxss:

    .vcard-avatar {

    width: 72px;

    height: 72px;

    margin-right: 28px;

    border-radius: 50%;

    border:3px solid rgba(255,255,255,0.20);

    }

    image {

    display:inline-block;

    overflow:hidden;

    }



    2017-12-07
    赞同
    回复