div の背景を透明にする一般的な方法は 2 つあります。1. 不透明度属性を 0 ~ 1 の値に設定します。0 は透明、1 は不透明です。ただし、この方法では div 上のコンテンツも透明になります。 効果は以下のとおりです。 2. 背景色を RGBA 形式で設定します。形式は background-color:rgba(0,0,0,0~1) で、0 は透明、1 は不透明を意味します。 コードは次のとおりです。 <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0"> <title>ドキュメント</title> <スタイル> .id{ 幅: 600ピクセル; 高さ: 300px; } .tm1{ マージン: 40 自動; テキスト配置: 中央; 行の高さ: 200px; 幅: 800ピクセル; 高さ: 200px; 背景色: 黄色; 不透明度: 0.6; } .tm2{ マージン: 40 自動; テキスト配置: 中央; 行の高さ: 200px; 幅: 800ピクセル; 高さ: 200px; 背景色: rgba(255, 255, 0, 0.5); } </スタイル> </head> <本文> <!--背景 div--> <div class="id"> <!--透明なdivメソッド1--> <div class="tm1">透明な div 方法 1、不透明度によって透明度を設定し、div 上のテキストも透明になります: opacity: 0.6;</div><br> <!--透明なdivメソッド2--> <div class="tm2">透明な div メソッド 2、RGBA で透明度を設定します。div 上のテキストは透明ではありません: background-color:rgba(255,0,0,0.5);</div> </div> </本文> </html> もう一つ注目すべき点があります: RGBA は、Red、Green、Blue、Alpha (英語: Red、Green、Blue、Alpha) の略です。 カラーコード比較表のリンク: div 背景の透明度を設定する例に関するこの記事はこれで終わりです。より関連性の高い div 背景の透明度コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: UniappはBaidu Voiceを使用して録音をテキストに変換する機能を実現
私はコーディングが大好きです。コーディングすると幸せになります!みなさんこんにちは、Counterで...
1. データベースクエリの速度に影響を与えるものは何ですか? 1.1 データベースクエリ速度に影響を...
方法1: 送信ボタンから送信する <!DOCTYPE html> <html>...
MySQL はネストされたトランザクションをサポートしていますが、それを実行する人は多くありません....
取引トランザクションはビジネス ロジックの基本単位です。各トランザクションは一連の SQL ステート...
目次序文1. SCPの使用法2. sftpを使用する3. scp と sftp の違いは何ですか?ど...
nginx をリバース プロキシとして使用する場合、リクエストをそのまま次のサービスに転送するだけで...
<br />構造と階層により複雑さが軽減され、読みやすさが向上します。記事やサイトが整理...
この記事の例では、ボールのスライドとクロスの効果を実現するためのVueの具体的なコードを共有していま...
目次コードの実行に長い時間がかかる場合はどうなりますか? Axiosにはタイムアウト処理機能が搭載さ...
MySQL 5.7 以降では、多くのセキュリティ更新が追加されました。旧バージョンのユーザーは慣れて...
序文SQL の言語分類には主に以下の種類があります。 DDLデータ定義言語作成、削除、変更データ定義...
MySQL は現在、ほとんどの企業や事業体で使用されているデータベースです。MySQL が使用される...
目次背景1. dns-prefetch とは何ですか? 2. dns-prefetch を設定するに...
みなさんこんにちは、Qiufengです。最近、WeChatは新しい機能をリリースしました(WeCha...