小程序设置背景图片

作者: HS_d119 | 来源:发表于2021-06-01 16:20 被阅读0次

小程序--一些工作中的比较实用的知识点
微信小程序设置height 100%不起作用
微信小程序开发页面总结-文档(ing)
小程序设置背景图片
小程序通过background-image设置背景图片
设置背景图片及相关属性
CSS边框图片--跟着李南江学编程
微信小程序背景图片设置
微信小程序:设置背景图片
微信小程序设置背景图片

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;
}

小程序--一些工作中的比较实用的知识点
小程序-- 工作中一些比较实用的知识点小程序中设置背景图片小程序中不能通过css的background 设置小...
微信小程序设置height 100%不起作用
问题：小程序设置背景图片高度适应整个屏幕，设置height 100% 不起作用？ .container-all{ ...
微信小程序开发页面总结-文档(ing)
微信小程序开发一定要设置实际宽度使用images一定设置宽- 使用背景图片(background-image)需...
小程序设置背景图片
1、直接使用http 2、Base64编码格式 3、定位
小程序通过background-image设置背景图片
小程序通过background-image设置背景图片2018年06月04日 09:52:57阅读数：3288微信...
设置背景图片及相关属性
设置背景图片：在CSS可以通过background-image: url();设置背景图片控制背景图片的平铺方...
CSS边框图片--跟着李南江学编程
一、形成border背景图片的原理边框不只可以设置颜色，还可以设置背景图片，当给边框设置背景图片后，backgr...
微信小程序背景图片设置
在wxss里设置背景为本地图片是不可以的，会报错：“本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 ...
微信小程序:设置背景图片
wxml内定义图片 JS
微信小程序设置背景图片
经常为微信小程序设置颜色背景，突然发现一张好看的图片怎么把它设置为背景呢?以下总结了三种方法： css中通过url...