主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
简介:
我们知道开发微信小程序时,不能直接引用wxss文件中的本地图片,否则运行时会出现以下错误:
(学习视频分享:编程视频)
"无法通过WXSS获得本地资源图片。您可以使用网络图片,或base64,或使用标签。”
本文介绍了
具体步骤:
1.添加一个标签:
lt!--页面根标签-->: lt;view class = 内容 gt lt!Background.jpg文件在--图片文件夹-->: lt;image class = # 39背景 # 39;src = ../../pics/background . jpg ;mode = aspectFill gt lt/image gt; lt!--其余页面-->: lt;/view gt;2.添加:
页面{高度:100%;}.背景{宽度:100%;身高:100%;位置:固定;background -大小:100% 100%;z-指数:-1;}需要注意的是z-index: -1可以把图片放在最下面,不影响其他部分。
(相关推荐:小程序开发教程)以上是开发小程序时如何设置背景图片的细节。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:开发小程序时如何设置背景图片(微信小程序图片背景) https://zhujicankao.com/80900.html
评论前必须登录!
注册