微信小程序背景图片base64_微信小程序背景图片显示不出来

开发小程序的时候，设置页面的背景，用到css代码：.page__bd{

width: 100%;

height: 220px;

background: url('../../assets/img/images.jpg') no-repeat;

background-size: 100% 100%;

}

在调试工具上是显示的，但是扫面上传到手机上却显示不出来。

这是由于：background-image 只能用网络url或者base64图片编码，本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。

解决方法：

下面通过 image 标签src属性设置，实现背景图显示

界面结构：

wxss样式：.set-background {

display: flex;

flex-direction: column;

align-items: center;

height: 150px;

}

.set-background-avatar {

width: 220px;

height: 150px;

}

.background-content {

position: absolute;

z-index: 1;

}

.background-image {

width: 225px;

height: 150px;

opacity: 0.8;

}

.post-specific-image {

width: 215px;

height: 150px;

vertical-align: middle;

}

微信小程序背景图片base64_微信小程序背景图片显示不出来相关推荐

微信小程序小功能分享一( canves制图之后台base64图片转为微信临时文件)
大家好,这是我第一次分享博客,我叫小瑾轩,一名成都的程序员,小程序这两年发展迅速,尤其它的裂变分享能力很有潜力,最近一段时间一直在做电商项目,属实踩了好多坑,最近想整理一下,若有不足,欢迎评论,我们共 ...
DIY背景美化生成器微信小程序源码
这是一款DIY美化器小程序支持上传自定义图片作为背景内容支持DIY输入,支持上传识别读取总得来说还是不错的,好了下面大家可以来看看小编的测试演示图: 小程序源码下载地址:(已更新)二维码DIY背 ...
关于webp图片在微信小程序不显示问题，webp格式转成jpg
一:背景在做一个小程序项目的时候,采集了微信公众号的图片到小程序显示,发现安卓的可以显示,ios显示不了.后来发现是因为图片格式是webp导致苹果在macOS Sierra及iOS 10的早期be ...
微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片
将微信小程序的图片转成base64 点击此链接看另一篇以下是将后端返回的base64转成图片: 方法1:使用微信小程序自带方法 //把base64转换成图片getBase64ImageUrl: (b ...
解决微信小程序开发中wxss中不能用本地图片
微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方 ...
图片拼图微信小程序源码_支持多模板制作和流量主
介绍: 该款小程序支持多种流量主: 另外支持多种图形模板制作切割: 另外也支持长图合成等功能: 安装简单,新手容易上手,具体就不多说了大家自行研究吧!!!! 图片拼图微信小程序源码_支持多模板制作和流 ...
图片拼图微信小程序源码下载支持多模板制作和流量主
该款小程序支持多种流量主另外支持多种图形模板制作切割另外也支持长图合成等功能安装简单,新手容易上手,具体就不多说了大家自行研究吧! 好了下面来看看小编的测试演示图! 小程序下载地址:(10条消息 ...
开源了个人开发的一个微信小程序，提供共享场景服务，支持图片和小视频
初衷个人开发这个小程序源自一个想法:小时候看葫芦娃,每个葫芦娃都有自己的本领,其中一个＂千里眼＂的本领可真大.参加工作后,可能有些怀旧,想看看大学学习的地方.住过的宿舍或者曾经去过的小地方,但并不 ...
微信小程序利用腾讯云IM发送语音 + 图片
微信小程序利用腾讯云IM发送语音 + 图片能做到这里说明你已经可以发送普通文本了如果没有的话可以看一下我的上一篇文章有完整的讲解效果图语音聊天发送图片传送 → 发送图片发送语音 ** ...

微信小程序背景图片base64_微信小程序背景图片显示不出来

微信小程序背景图片base64_微信小程序背景图片显示不出来相关推荐

最新文章

热门文章

微信小程序 背景图片base64_微信小程序背景图片显示不出来

微信小程序 背景图片base64_微信小程序背景图片显示不出来相关推荐

最新文章

热门文章

微信小程序背景图片base64_微信小程序背景图片显示不出来

微信小程序背景图片base64_微信小程序背景图片显示不出来相关推荐