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

 时间:2024-10-16 15:29:36

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

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

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

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

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

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

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

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

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

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

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

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

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

小程序background-image不显示图片怎么办
  • 怎样使用远程桌面复制黏贴功能?
  • 怎么在VScode中设置为弃用变量加删除线
  • 网站建设HTML学习教程:[3]radio标签元素
  • Web如何使用代码片段代码管理
  • 如何卸载sql server managerment studio
  • 热门搜索
    民族团结手抄报资料 关于热爱祖国的手抄报 推广普通话手抄报内容 说好普通话写好规范字手抄报 英语国庆手抄报 感恩老师手抄报句子 国家公祭日手抄报 小学数学手抄报内容 缅怀先烈的手抄报内容 读一本好书手抄报