微信小程序> 小程序background-image不显示图片怎么办-小程序background-imageRS

小程序background-image不显示图片怎么办-小程序background-imageRS

浏览量:6119 时间: 来源:RSY_SXY
小程序background-image不显示图片怎么办

很多编写小程序的小伙伴们肯定遇到过background-image怎么设置背景图片都不生效的问题。下面小编就教大家怎么解决这个问题。

方法/步骤

1.首先打开小程序开发工具,新建一个小程序

2.然后新建一个存放图片的目录,放一张图片,如下图所示

3.接着我们一般会在wxss中直接用background-image属性,如下图所示

4.然后在wxml中调用样式,如下图所示

5.接着运行页面就会看到如下图所示的错误,这说明小程序是不支持在background-image这里本地调用资源的

6.这里我们就可以根据它的提示将图片转化为base64写在这里,如下图所示

7.最后如果你不想转base64,也可以利用绝对定位和z-index进行背景设置,如下图所示


注意事项

8.以上演示是在小程序开发工具1.02.1904090中进行的

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎