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

简介:

我们知道开发微信小程序时，不能直接引用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可以把图片放在最下面，不影响其他部分。

(相关推荐:小程序开发教程)以上是开发小程序时如何设置背景图片的细节。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 简单分析网页和小程序（微信和网页之间的交互）
• 快速分析如何在迷你程序中使用文本组件（微信Mini程序的文本ALEAR属性）
• 如何通过MINI程序的父和子组件的价值和方法调用？ （如何摘要）（小程序的父部分将值传递给子零件）
• 微信公众号/小程序重定向外部链接怎么做（点击小程序跳转到公众号）
• 简述如何实现小程序中列表滚动的垂直联动效果（微信小程序滚动组件）

本文由主机参考刊发，转载请注明：开发小程序时如何设置背景图片(微信小程序图片背景) https://zhujicankao.com/80900.html