下面内容小编就为大家带来一篇浅谈小程序背景图片开发工具可以显示,手机上无法显示。小编觉得挺不错的,现在就分享给大家,如果你在找小程序代码,prepay_id,小程序prepay_id,也可以做个借鉴。一起跟随小编过来看看吧。
小程序背景图片开发工具可以显示,手机上无法显示
作者:小程序分析员 发布时间:2017-08-03
做小程序开发,
需要写样式,
使用的是微信的wxss格式,
跟css还是有些区别的。
最近开发小程序时,
遇到一个现象:
小程序背景图片在开发工具中可以显示,
但是上传到微信服务器,
用手机查看时,
却显示不出来,
使用<image />标签也可以。
wxss样式代码
.ziheng{background:url("../../images/qin.png")}
wxss背景图片background:url无效的原因
原因是wxss不背景图片路径不支付本地路径, 使用本地绝对路径/images/qin.png也不行。解决方案
1. 把背景图片上传到web服务器, 使用服务器路径 .ziheng{background:url("https://211.qinziheng.com/uploads/images/20170714/20170714092454821640.jpg")} 2. 把背景图片进行 base64 编码 小程序开发中, 经常用到的图标包括:+, -,购物车,删除,编辑,地址等。 下面的常用icon图标, 子恒老师已经把它们的base64编码生成好, 如果你也想使用, 只要添加公众号 电商嘉年华, 然后回复64 就行了。声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
小程序背景图片开发工具可以显示,手机上无法显示链接:https://www.qinziheng.com/details/3922/
小程序背景图片开发工具可以显示,手机上无法显示相关文章