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

本站: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://本站.com/80900.html

推荐站内搜索:香港免费虚拟主机、icp备案中心、ip地址查找、免费代理ip、虚拟空间主机、网站icp备案、服务器托管什么意思、域名到期查询、韩国独立服务器、美国主机购买、