程序加载background-image背景图⽚
问题描述
当开发⼩程序的时候,如果想在css⾥⾯加载 background-image 背景图,会报错
.radio_bkg_on {
background-image: url(../../img/tick_blue.png);
background-repeat: no-repeat;
background-size:14px 11px;
padding-left:0.7em;
}
主页壁纸怎么设置错误原因
报错原因很明确: ⼩程序通过background-image设置背景:只⽀持线上图⽚和base64图⽚,不⽀持本地图⽚。
解决⽅法
1. base64图⽚设置步骤如下:
1.1 在⽹站上将图⽚转成base64格式的⽂本
1.2 在WXSS中使⽤以上⽂本:background-image: url(“data:image/png;base64,iVBORw0KGgo=…”);
2.使⽤线上图⽚