收藏
回答

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


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


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


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


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

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

回答关注问题邀请回答
收藏

2 个回答

  • 林宏烨
    林宏烨
    2021-12-14

    对于iOS还需要这两行

    -webkit-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);


    2021-12-14
    有用
    回复
  • 莫庸
    莫庸
    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
    有用
    回复
登录 后发表内容