WeChat 애플릿에 배경 이미지를 추가하는 방법

위챗 미니프로그램에서 배경색을 자주 설정했는데 갑자기 멋진 사진이 발견되었습니다.

# 🎜🎜##🎜 🎜#WeChat 애플릿에 배경 이미지를 추가하는 방법 ​

다음은 세 가지 방법을 요약합니다.

1 , wx

#🎜🎜 #ss에서 background-image를 통해 네트워크 이미지를 설정하여 배경 이미지를 추가합니다. The background- WeChat 애플릿의 이미지는 로컬 이미지를 사용할 수 없습니다

권장 학습:

작은programdevelopment

background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)

2. 인코딩 형식을 사용한 다음 배경 이미지를 사용하여 배경 이미지를 추가합니다 ;

background-image:url(转换之后的base64字符串)

3. 흐름 레이아웃을 사용하고, Z-색인 수준을 설정하고, 이미지 태그를 배치합니다. 하단에 배경 이미지를 추가합니다.

//html
<view class="container">
  <image src=&#39;../image/1.jpg&#39;></image>
  <view class=&#39;up&#39;>
    我是一串字符串
  </view>
</view>
//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;
}

PHP 중국어 웹사이트, 다수의 웹사이트 구축 튜토리얼

, 배우기를 환영합니다!

위 내용은 WeChat 애플릿에 배경 이미지를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!