经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢?
以下总结了三种方法:
css中通过url获取网络图片
微信小程序中不能使用本地图片
background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)
Base64编码格式
background-image:url(转换之后的base64字符串)
利用流布局,设置z-index层级,将image标签置于底层
//html
<view class="container">
<image src='../image/1.jpg'></image>
<view class='up'>
我是一串字符串
</view>
</view>
//css
.container{
width: 100%;
height: 600rpx;
margin: 0;
padding: 0;
position: relative;
}
image{
position: absolute;
width: 100%;
height: 600rpx;
}
.up{
position: absolute;
z-index: 1;
}