收藏
回答

overflow: hidden; 在模拟器中正常,在真机中失效?

wxml:

<view class="image-box">

<cover-image src="https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640"></cover-image>

</view>

wxss:

.image-box {

border-radius: 50px;

overflow: hidden;

width: 156rpx;

height: 156rpx;

border: 1px solid red;

}

以上代码在模拟器中可以实现超出隐藏,但是在真机中无法超出隐藏;

网上提供的改变层级顺序也试过了,但是没有解决,求大神帮忙

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

2 个回答

  • 禾店短剧系统
    禾店短剧系统
    2021-05-30

    父元素设置以下两个属性:

    -webkit-backface-visibility: hidden;

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


    2021-05-30
    有用 1
    回复
  • EEE
    EEE
    2019-08-09

    直接用image标签就可以了

    2019-08-09
    有用 1
    回复 1
    • 满心欢喜。
      满心欢喜。
      2019-08-09
      多谢大佬
      2019-08-09
      回复
登录 后发表内容
问题标签