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

背景色のみ、テキストではない CSS の不透明度

問題:

不透明度プロパティを設定することは可能ですか? div 内のテキストには影響せず、div の背景のみに使用されます。

最初の試行:

次のコードが試行されました:

background: #CCC;
opacity: 0.6;

ただし、このメソッドは、オブジェクトの不透明度を変更できませんでした。背景。

解決策:

テキストに影響を与えずに透明な背景を作成するには、rgba() 関数の利用を検討してください:

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

rgba() 関数構文:

• R、G、B: 赤、緑、青の値を表す整数またはパーセンテージ。
• A: 0 から 1 までのアルファ値またはパーセンテージ (1 は完全を表します) opacity.

例:

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

このコードは、緑色で 40% 不透明な背景を作成します。

ブラウザの互換性:

現在2018 年、事実上すべての最新ブラウザが rgba() 構文をサポートしています。

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