22 
div { background-color: rgb(255,0,0); opacity: 1; }

div { background-color: rgba(255,0,0,1); }

上記の2つの違いは何ですか？

4

4 に答える 4

21

不透明度は、要素とそのすべての子の不透明度の値を設定します。RGBA は単一の宣言に対してのみ不透明度の値を設定しますが、

これはここでよく説明されています。http://www.css3.info/introduction-opacity-rgba/

于 2013-01-10T05:43:40.517 に答える
9

Opacity : opacity プロパティは、要素の不透明度レベルを設定します (要素の不透明度を設定すると、コンテンツを含む要素全体が透明になります)。

不透明度の定義:

element{opacity:0.5} //makes the element and it's content 50% transparent

opacity-level は透過性レベルを表します。1 はまったく透明ではなく、0.5 は 50% のシースルー、0 は完全に透明です。

アルファ チャネルRGBA カラー値は、オブジェクトの不透明度を指定するアルファ チャネルを使用して RGB カラー値を拡張したものです。 Background : rgba (Red,Green,Blue,Opacity)(要素の rgba を設定すると、要素の背景が透明になるだけで、コンテンツはそのまま残ります。)

背景の定義 rgba: background :

element{
   background:rgba(40, 41, 42, 0.5);
}

RGBA カラー値は、rgba(red, green, blue, alpha) で指定します。アルファ パラメータは、0.0 (完全に透明) から 1.0 (完全に不透明) までの数値です。

色の 16 進値を RGB に変換するには:

詳細情報:

RGBA カラー値は、IE9 以降、Firefox 3 以降、Chrome、Safari、Opera 10 以降でサポートされています。

于 2014-03-14T07:28:23.897 に答える
3

アルファを使用する場合、div の特定のプロパティに対してのみ不透明度を設定します。したがって、アルファ値を.5に設定すると、背景のみがわずかに透明になります

ただし、不透明度を .5 に設定すると、div 内の要素のアルファ値に関係なく、全体の div とその中のすべてがわずかに透明なままになります。

不透明度が .5 に設定された div 内では、要素は最大「.5」不透明になります (アルファ値が 1 に設定されている場合)。そのアルファ値が 0.5 に設定されている場合、透明効果が合成され、実際には ".25" のような透明になります。具体的な数値については不明です。

于 2013-01-10T05:47:35.233 に答える