微信小程序如何更改背景图片设置遇到问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计255个文字,预计阅读时间需要2分钟。
微信小程序无法直接设置背景图片。解决方案如下:
1. 图片直接引用网络图片: 使用CSS样式直接引用网络图片的URL。 css .img-background { background: url(http://xx/xx/beauty.png) no-repeat; width: 200rpx; height: 160rpx; }
2. 本地图片base64编码: 将本地图片转为base64编码,然后在CSS中引用。 css .img-background { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==') no-repeat; width: 200rpx; height: 160rpx; }
微信小程序无法设置背景图片怎么办
解决方案有如下两种:
1、图片直接引用网络图片
.img-background { background: url('xx/xx/beauty.png'); width: 200rpx; height: 160rpx;}
2、把本地的图片base64编码下,直接引用这个base64后字符串
.img-background { url(data:image/png;base64,VCdweSsd98iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAAAXNSR0IArs4c6QAAAHlJREFUWAnt2LEJwDAMRFE5c2ShLOKhsp69h3ISeAI1CnyBiJvA8dwcHu7+mNmrvbWdZivMHAq4dOgW7kDt65y6fiPg1AZnt8kr7haKPAgggAACfxOIskCbKdwabaaAlw0rmhaDAAIIIIBAQYA2U8CLX2kzFcB8m) no-repeat; width: 200rpx; height: 160rpx;}
推荐学习:小程序开发
以上就是微信小程序无法设置背景图片怎么办的详细内容,更多请关注自由互联其它相关文章!
本文共计255个文字,预计阅读时间需要2分钟。
微信小程序无法直接设置背景图片。解决方案如下:
1. 图片直接引用网络图片: 使用CSS样式直接引用网络图片的URL。 css .img-background { background: url(http://xx/xx/beauty.png) no-repeat; width: 200rpx; height: 160rpx; }
2. 本地图片base64编码: 将本地图片转为base64编码,然后在CSS中引用。 css .img-background { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==') no-repeat; width: 200rpx; height: 160rpx; }
微信小程序无法设置背景图片怎么办
解决方案有如下两种:
1、图片直接引用网络图片
.img-background { background: url('xx/xx/beauty.png'); width: 200rpx; height: 160rpx;}
2、把本地的图片base64编码下,直接引用这个base64后字符串
.img-background { url(data:image/png;base64,VCdweSsd98iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAAAXNSR0IArs4c6QAAAHlJREFUWAnt2LEJwDAMRFE5c2ShLOKhsp69h3ISeAI1CnyBiJvA8dwcHu7+mNmrvbWdZivMHAq4dOgW7kDt65y6fiPg1AZnt8kr7haKPAgggAACfxOIskCbKdwabaaAlw0rmhaDAAIIIIBAQYA2U8CLX2kzFcB8m) no-repeat; width: 200rpx; height: 160rpx;}
推荐学习:小程序开发
以上就是微信小程序无法设置背景图片怎么办的详细内容,更多请关注自由互联其它相关文章!

