微信小程序设置背景

.wxml文件
需要在< view >标签内加入image,同时需要把image放到第一个的位置,应该是顺序会影响层数

<view class="backImage">
  <image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F2076168857%2F0.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1615381312&t=f1672d45beed0b28210e0eb2c171d3e7"  class="beijing" ></image>
  ...
</view>

.wxss文件
需要把image属性设置为z-index: -1,目的是为了把image标签设置到底层

.beijing{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
}

效果如图:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值