美文网首页
小程序设置背景图片

小程序设置背景图片

作者: HS_d119 | 来源:发表于2021-06-01 16:20 被阅读0次
    1、直接使用http
    background: url(https://XXXXXX)
    
    2、Base64编码格式
    background: url('data:image/png;base64,iVBORw0KGg');
    
    3、定位
    <!-- .wxml -->
    <view class="container">
      <image class="bg" src="" />
      <view class="content">内容</view>
    </view>
    
    /* .wxss */
    .container {
      position: relative;
      width: 100%;
      height: 200rpx;
    }
    
    .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200rpx;
    }
    
    .content {
      position: absolute;
      z-index: 1;
    }
    

    相关文章

      网友评论

          本文标题:小程序设置背景图片

          本文链接:https://www.haomeiwen.com/subject/nrawsltx.html