HTMLのフォント色の透明度を設定する方法

フォントの色の透明度は、rgba() 関数の 4 番目のパラメーター a を 0 (完全に透明) から 1 (完全に不透明) までの範囲で設定することによって、HTML で設定できます。これは最新のブラウザーで機能しますが、IE 8 以前では、不透明度プロパティとフィルター プロパティを使用して同じ効果を実現できます。

#HTML フォントの色の透明度設定

HTML では、

rgba()## を使用できます。 # フォントの色の透明度を設定する関数。 rgba() この関数は 4 つのパラメータを受け入れます:

r:
• 赤のコンポーネント (0-255)
g:
• 緑のコンポーネント (0-255)
b:
• 青のコンポーネント (0-255)
a:
• 透明度 (0-1) )
このうち、

a

パラメータは透明度を表し、0 (完全に透明) から 1 (完全に不透明) までの範囲で表されます。

使用方法:

<p style="color: rgba(255, 0, 0, 0.5);">红色，50% 透明度</p>

上の例の赤いテキストの透明度は 50% になります。

注:

rgba()
• 関数は、最新のブラウザでのみ動作します。 IE 8 以前は
rgba()
• をサポートしていません。 IE 8 以前で透明度を設定するには、
opacity
• プロパティと filter プロパティを使用できます。

例:

<!-- IE 8 -->
<p style="opacity: 0.5; filter: alpha(opacity=50);">红色，50% 透明度</p>

rgba()

関数を使用すると、HTML テキストの任意の透明度を簡単に設定できます。

以上がHTMLのフォント色の透明度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。