CSS3チュートリアル(9)：RGBカラーの設定_css3_CSS_Webページ制作-CSSチュートリアル-php.cn

CSS3チュートリアル(9)：RGBカラーの設定_css3_CSS_Webページ制作

黄舟

リリース： 2016-12-23 16:08:54

オリジナル

1729 人が閲覧しました

Webjx 記事の紹介: 新しい CSS3 の「RGBA」ステートメントを使用すると、通常どおり RGB カラーを設定できるだけでなく、その透明度も設定できます。新しい CSS3 の「RGBA」宣言を使用すると、通常どおり RGB カラーを設定できるだけでなく、その透明度も設定できます。

新しい CSS3 の「RGBA」宣言を使用すると、通常どおり RGB カラーを設定できるだけでなく、その透明度も設定できます。
新しい CSS3「RGBA」宣言を使用すると、通常どおり RGB カラーを設定できるだけでなく、その透明度も設定できます。
前の記事: CSS3 チュートリアル (8): CSS3 透明度ガイド
RGBA は RGB と同じように色を設定します。RGBA の最後の値であるこの「A」により、その要素の透明度を設定できます。不透明度宣言と同様に、不透明度値 1 の要素は完全に不透明ですが、不透明度値 0 の要素は完全に透明です。
ブラウザの互換性
RGBA は Firefox、Google Chrome、Safari で十分にサポートされるようになり、プレフィックスも必要ありません。 CSS3 RGBA カラー

CSS3チュートリアル(9)：RGBカラーの設定_css3_CSS_Webページ制作

上記の効果は、次のスタイルで実現されます。 , 134, 117, 0.4); 高さ:20px; } div.rgbaL3 { 背景:rgba(153, 134, 117, 0.6); } div.rgbaL4 { 背景:rgba(153, 134, 117, 0.8) ); 高さ:20px; } div.rgbaL5 { 背景:rgba(153, 134, 117, 1.0); 高さ:20px; }
ブラウザサポート

Firefox(3.05…)

Google Chrome(2.0.156…)

Internet Explorer(IE7, IE8 RC1)

Opera(9.6…)

Safari(3.2.1 windows…)

以上がCSS3チュートリアル(9)：RGBの設定ですcolor_css3_CSS _Web ページ制作コンテンツ、その他の関連コンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。