VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

开发小程序时如何设置背景图片(微信小程序图片背景)

主机参考: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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 开发小程序时如何设置背景图片(微信小程序图片背景)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!