版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/love_fish_dream/article/details/84644438
小程序在css样式文件里面直接 background-image引入本地背景图是不生效的
.header{ width:100%; height:420rpx; background-image: url("/static/image/bg.jpg"); background-size: 100%; background-color: red; }
三种解决办法:
1.将路径改成可以直接访问的绝对路径
background-image: url("http://pic20.photophoto.cn/20110902/0034034471873095_b.jpg");
2.直接用image标签代替样式背景图
mpvue写法:<img src="/static/image/code.jpg" alt="">
原生小程序:<image src='../image/code.jpg'></image>
3.直接在标签上写入样式
<div class="header" style="background-image: url('/static/image/bg.jpg')">
</div>
扫描二维码关注公众号,回复:
4539507 查看本文章