【干货】微信小程序如何设置背景图片

利用流布局，设置z-index层级，将image标签置于底层

代码语言：javascript代码运行次数：0运行复制
//html
<view class="container">
  <image src='../image/1.jpg'></image>
  <view class='up'>
    背景图片
  </view>
</view>
代码语言：javascript代码运行次数：0运行复制
//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;
}
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2024-10-12，如有侵权请联系 cloudcommunity@tencent 删除imagepositionview布局微信小程序