微信小程序开发:背景图片设置 |
您所在的位置:网站首页 › 微信背景图如何设计 › 微信小程序开发:背景图片设置 |
开发微信小程序时,不能直接在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 |