私のテキストが CSS の背景の不透明度を継承するのはなぜですか?

CSS 背景の不透明度の再検討

CSS を使用する場合、背景の不透明度を設定し、そのコンテナー内のテキストを期待するシナリオに遭遇する可能性があります。完全に不透明なままにします。ただし、テキストも背景の不透明度を継承しており、その結果、色あせた外観になっていることがわかります。

この動作は CSS に固有のものです。テキストを含む子要素は、親要素の不透明度プロパティを継承します。この問題に対処するには、いくつかのオプションがあります:

• 背景画像に半透明の PNG ファイルを使用します: 半透明の PNG 画像はさまざまな不透明度をサポートしており、テキストに必要な不透明度を維持しながら、部分的に透明な背景。
• 背景には RGBa カラーを使用します。背景: RGBa は、不透明度のアルファ チャネルを含む拡張カラー形式です。 RGBA 値と透明度のパーセンテージを指定できます。例:

<code class="css">background-color: rgba(0, 0, 0, 0.5);</code>

このコードは、背景色を 50% の透明な黒に設定し、テキストを完全に不透明のままにします。

以上が私のテキストが CSS の背景の不透明度を継承するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。