问题

想要给当前的元素设置一个背景图片,但是background-image:url()无效?

前奏

在微信小程序上不管你是这样使用标签引入

<view style="background:url('../../img/p.png')"></view>

还是使用外部样式表引入都是无效的,没什么软用

解决

使用img标签代替,在img上绑定图片的地址,经过探索发现wx不支持background-image属性,只能用img标签来做替代

<image src='../../images/img.jpg'></image>
<view>用absolute定位设置背景图片</view>

然后通top,left,right,bottom将view的内容放在image的顶层。

结束

这种方式测试真机是没有问题的,但是从写代码的角度,如果是背景图片用background-image设置更适合些

background-image 使用的时候需要注意它只能用网络url或者base64 ,本地图片用image标签

设置背景图片(手机和微信开发者工具上面预览都可以显示出来)
最后友情链接有我的博客和github地址,欢迎相互沟通学习!

想一起讨论/学习微信小游戏开发的,GO语言开发的,请微信搜索下方小程序加博主微信群

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐