站长学院
CMS建站教程 SEO优化攻略
来源:齐鲁建站 栏目:建站教程 阅读: 日期:2021-01-15
本文主要介绍了微信小程序可以使用背景图片么,以及调用背景图的方法,三种方法,推荐给有此需要的朋友,根据自己的需求选择一种合适的方式,值得一试。
一、微信小程序可以使用背景图片么?
可以。
二、微信小程序怎么调用背景图片?
1、使用网络图片
可以把需要的背景图片上传到服务器上,然后使用背景图片地址。
需要动态改变背景图片,我们可以设置行内样式style绑定变量从而做到动态改变背景图片。
2.利用base64格式的图片
可以用base64的图片做到设置背景图片,找个在线转换的base64图片格式,选择图片会转换成base64格式的图片
复制里面的代码放到background: url(base64转换的代码);这样既可做到设置背景图片也不用放到服务器上
3.利用image标签做到设置背景图片
只要利用css中的z-index改变层级既可做到变成背景图的样子
wxml:
<view class = "login-box" >
//本地图片
<image src='../../../static/images/login_bg.png'></image>
</view>
wxss:
page{
height: 100%;
width: 100%;
}
.login-box {
height: 100%;
}
image {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
z-index: -999;
}
这样我们也可以做到背景图的效果。
以上就是关于小程序调用背景图的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~