テキストの不透明度に影響を与えずに CSS で背景色の不透明度を制御するにはどうすればよいですか?

CSS で背景色の不透明度を制御する

CSS で不透明度プロパティを div に割り当てると、背景とその中のテキストの両方に影響します。 。ただし、テキストの不透明度を維持しながら背景色の不透明度を変更することは可能です。

rgba() 関数の使用

rgba() 関数は次の目的で使用できます。背景色と、不透明度を制御するそのアルファ チャネルを指定します。構文は次のとおりです。

background: rgba(R, G, B, A);

• R、G、B は、色の赤、緑、青の値 (整数またはパーセント) を表します。
• A 0 (透明) から 1 の範囲のアルファ チャネル値を表します。 (不透明).

例:

background: rgba(51, 170, 51, 0.6);

このコードは、背景色を不透明度 60% の半透明の緑色に設定しますが、div 内のテキストは完全に残ります。不透明。

ブラウザサポート

2018 年現在、rgba() 構文はすべての主要な Web ブラウザーで広くサポートされています。

以上がテキストの不透明度に影響を与えずに CSS で背景色の不透明度を制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。