小程序页面设置背景图（微信小程序摸索第七天）

将图片设置为页面背景

先看一下效果：

插入背景前

插入背景后

 

.wxml文件

<!-- 背景图片 需将背景图放在第一位，否则上方图片将挤掉背景位置-->
<!-- src是图片的路径也可动态获取-->
<view>
<image src="/assets/image/bj.jpg"  class="beijing" ></image>
</view>

.wxss文件

  /*背景  */
  .beijing{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    }

非常的简单，希望可以帮助到大家