WeChat アプレットに背景画像を追加する方法

WeChat ミニプログラムの背景にカラーを設定することが多いのですが、突然素敵な写真を見つけた場合、それを背景として設定するにはどうすればよいですか?

#WeChat ミニプログラムの背景画像を追加する方法

以下に 3 つの方法をまとめます:

1. wx の背景画像を通じてネットワーク画像を設定します。 ss で背景画像を追加します;

WeChat ミニ プログラムの背景画像ではローカル画像を使用できません

推奨される学習: ミニ プログラムの開発

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

2. 画像を Base64 エンコード形式に変換し、background-image を使用して背景画像を追加します。

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

#3. フロー レイアウトを使用し、z-index レベルを設定し、画像タグを下部に配置して背景画像を追加します。

//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 中国語 Web サイト、多数の

Web サイト構築チュートリアル 、学習へようこそ!

以上がWeChat アプレットに背景画像を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。