微信小程序开发:背景图片设置

您所在的位置:网站首页 微信背景图如何设计 微信小程序开发:背景图片设置

微信小程序开发:背景图片设置

2024-07-10 13:33| 来源: 网络整理| 查看: 265

开发微信小程序时,不能直接在wxss文件里引用本地图片,运行时会报错:“本地资源图片无法通过WXSS获取,可以使用网络图片,或者 base64,或者使用标签。”

这里主要介绍使用标签的方法

网上有很多方法,笔者也尝试了不少,期间也遇到一些问题。最后总结一下,只需2步:

1、在wxml文件中添加一个标签:

2、在wxss文件中添加:

page{ height:100%; } .background { width: 100%; height: 100%; position:fixed; background-size:100% 100%; z-index: -1; }

要说明的是z-index: -1,可以让图片置于最底层,不会影响其它部分。

2020.02.10更新: 看到有评论说此方法不可行,不知道是什么原因造成的。 可以参考我在实际项目中的应用:利用百度地图天气API开发微信小程序 或者GitHub上的代码:weather_forecast

欢迎关注我的微信公众号: 在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3