【微信小程序自学之路】wxss中不能设置本地背景图片

微信小程序的一些开发问题

当我们在wxss中设置图片的背景图片为本地地址时

1
background-image: url("../../images/abc.png");

url为本地相对或者绝对地址

会看到开发者工具下提示 do not use local path 类似的错误

这是因为小程序不支持背景图片直接使用本地路径

要实现在wxss设置背景图片为本地路径,该怎么办呢?

background-image

使用图片的base64格式

1
background-image: url("data:image/jpg;base64,/9j/4QMZR...");

网络地址

使用网络地址作为background-image也是可以的

image

或者使用微信小程序的模拟背景图片效果

坚持原创技术分享,您的支持将鼓励我继续创作!