Html で RGBA を使用する場合、このように sth を使用します。
<div style="Background: rgba (x, x, x, 0.dd)">Some Content</div>
dd
(opacity)に入ることができる小数点以下の桁数。ブラウザ依存ですか?それとも、その制限は HTML 標準で指定されていますか?
Html で RGBA を使用する場合、このように sth を使用します。
<div style="Background: rgba (x, x, x, 0.dd)">Some Content</div>
dd
(opacity)に入ることができる小数点以下の桁数。ブラウザ依存ですか?それとも、その制限は HTML 標準で指定されていますか?
値は、0.0 から 1.0 までの任意の数値です。
解像度は、通常は 8 ビットである色空間の解像度に依存します (将来的には10 ビットや 12 ビットなどのより高い解像度が提供される可能性がありますが、それがすぐに実現するとは思えませんが、バイトの代わりに分数が使用されるのはそのためです。価値)。
値はバイト値で乗算されるため、使用する数値が制限され、最終的な値は最も近い整数値に丸められます。
Internal byte value = round(alpha * 255);
(または増分1 / 256 = 0.00390625
)
最終的なバイト値と視覚的な外観の実際の変化を提供します(無地の背景を想定)。
ここで小さなスクリプトを作成しました。これは、小数の値にさまざまな小数を使用した結果を提供します。
テーブルを生成するためのループは、一般的に次のようになります。
for (; i < 1; i += 0.1) {
num = Math.round(i * 255, 10);
...
}
opacity プロパティの値は、小数点以下 2 桁に設定されています。
現在のすべてのブラウザーはこれを認識しますが、コンテキストは IE8 以下では少し異なります。