mpvue入坑之背景图片无法使用
问题想要给当前的元素设置一个背景图片,但是background-image:url()无效?前奏在微信小程序上不管你是这样使用标签引入<view style="background:url('../../img/p.png')"></view>还是使用外部样式表引入都是无效的,没什么软用解决使用img标签代替,在img上绑定图片的地址,经过探索发现wx不支持...
·
问题
想要给当前的元素设置一个背景图片,但是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语言开发的,请微信搜索下方小程序加博主微信群
更多推荐
已为社区贡献4条内容
所有评论(0)