コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットに背景画像を追加する方法

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

angryTom
リリース： 2020-03-23 11:29:21
オリジナル
25046 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル：
アプレット 微信 背景画像
ソース：php.cn
前の記事：携帯電話で WeChat アプレットをプレビューする方法 次の記事：WeChat アプレットをクリックして値を転送する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ApacheのどこにCustomLogディレクティブを配置すればよいですか 私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...
から 2024-04-06 22:03:59
0
1
990
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
Axios と Node.js を使用して PokeAPI から特定の統計 (Stats) を取得する際に問題が発生する 問題があり、PokemonAPI を使用しようとしていますが、攻撃、HP、および速度の統計にアクセスしようとすると、すべてのポケモンに対して未定義と表示されます。 API呼び出しの...
から 2024-04-06 18:46:35
0
1
464
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート