微信小程序背景图片为何无法正常显示？

本文共计379个文字，预计阅读时间需要2分钟。

开发小程序时，设置页面背景，使用CSS代码如下：

css.page__bd { width: 100%; height: 220px; background: url(../..//assets/img/images.jpg) no-repeat; background-size: 100% 100%;}

在调试工具上是可见的，但扫描面上则不显示。

开发小程序的时候，设置页面的背景，用到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图片编码。