「フェードイン」効果が適用されている間、モーダル ダイアログの色が変化することに気付きました。では、CSS プロパティの「不透明度」がブラウザでどのようにレンダリングされるのかを知りたいですか?
ブラウザごとに CSS の不透明度がどのようにレンダリングされるのか、誰か説明してもらえますか?
前もって感謝します。
不透明度は、不透明度の値に基づいて、加重年齢で遅れているピクセル値との平均演算で行われます。
たとえば、ピクセルがある場合
R: 200, G: 220, B: 100
で10, 10
150, 120, 100
そして、背景色がその上にある要素をレンダリングしたい場合opacity: 0.5
、結果のピクセル色は次のように計算されます。
opacity = 0.5
R = 200 * (1-opacity) + 150 * opacity
G = 220 * (1-opacity) + 120 * opacity
B = 100 * (1-opacity) + 100 * opacity
上記の計算は、半透明要素が重なったすべてのピクセルに対して (おそらくハードウェア レベルで) 実行されます。
ブラウザーがそれをどのようにレンダリングするか正確にはわかりません..しかし、不透明度プロパティを持つ要素内のすべての要素も影響を受けることはわかっています。
これがお役に立てば幸いです。