小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想实现的效果是，图片未加载完成时显示背景色，加载完后显示图片，图片可能有设置圆角。现在出现的状况是设置了圆角，在图片加载完成，图片周边却显示出了背景红色，如何解决了呢？当我把圆角调大一些又不会露出背景色了
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
背景的width和height小一号试试，比如现在75px，改为70px
图片用另外一个样式，设置大小为原来的大小75px
那么图片出现时应该会完全遮住背景
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
来个代码片段 老哥：“
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
给图片加上这个样式：background-clip: content-box;
有些用，不仔细看看不到图片周围颜色溢出。
可以在image标签的直接外层加一层view标签，将背景色样式放到view标签上、设置view宽高比image小、设置view标签的圆角。
<view class="bg-help" style="width:{{item.w}}px;height:{{item.h-1}}px;background-color: {{item.backgroundColor}};"> <image src="{{item.url}}" mode="widthFix" lazy-load class="item-image"/> </view> .bg-help{ position: relative; border-radius: 10rpx; } .item-image{ width: 100%; }
那你给背景那一层设圆角 overflow:hidden吧
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
背景的width和height小一号试试，比如现在75px，改为70px
图片用另外一个样式，设置大小为原来的大小75px
那么图片出现时应该会完全遮住背景
知道发生这种情况的原理，那么说说其他解决方法：图片加载完成后动态设置原红色背景为白色背景（跟真正的背景色一样）。这个你试试肯定也是可以的。
来个代码片段 老哥：“
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
这边提供一种解决方案：
给图片加个bindload监听，加载完成后设置背景色为透明。这边需要循环做操作。代码片段我只演示了一张图片加载完成的情况下清除背景色
https://developers.weixin.qq.com/s/6evtdjm47eik
给图片加上这个样式：background-clip: content-box;
有些用，不仔细看看不到图片周围颜色溢出。
可以在image标签的直接外层加一层view标签，将背景色样式放到view标签上、设置view宽高比image小、设置view标签的圆角。
<view class="bg-help" style="width:{{item.w}}px;height:{{item.h-1}}px;background-color: {{item.backgroundColor}};"> <image src="{{item.url}}" mode="widthFix" lazy-load class="item-image"/> </view> .bg-help{ position: relative; border-radius: 10rpx; } .item-image{ width: 100%; }那你给背景那一层设圆角 overflow:hidden吧