HTML rgba 색상 불투명도?

Question

Html에서 RGBA를 사용할 때 sth를 사용합니다.

<div style="Background: rgba (x, x, x, 0.dd)">Some Content</div> 

당신은 dd(불투명도)에 얼마나 많은 소수를 갈 수 있습니다. 브라우저 의존적입니까? 아니면 HTML 표준에 명시된 한계가 있습니까?

Answer 1

specification는 defined as하는 <number> 말한다 CSS 사양.

사람의 눈으로 두 자릿수 이상을 구별 할 수 있다면 놀랄 것입니다.

Answer 2

불투명도 속성의 값은 소수점 두 자리로 설정되어 있습니다.

현재 모든 브라우저가이를 인식하며 IE8 이하에서는 컨텍스트가 약간 다릅니다. 그래서 지정된 제한이 없음을 하나 개 이상의 숫자

다음에 뒤에 도트

0 개 이상의 숫자 (.) :

Answer 3

값은 0.0과 1.0 사이의 임의의 수입니다.

해상도는 일반적으로 8 비트 인 색상 공간 해상도에 따라 달라집니다 (이후 은 10 비트 및 12 비트와 같은 더 높은 해상도를 제공 할 수 있습니다. 그러나 곧 그렇게 될지는 의심 스럽지만, 바이트 값 대신 사용됩니다).

Internal byte value = round(alpha * 255); 

(또는 1/256 = 0.00390625의 증가)

: 당신이 사용하고 싶은 번호 제한되며 최종 값은 가장 가까운 정수 값으로 반올림되도록

값은 바이트 값에 곱하는

을 사용하면 최종 바이트 값과 시각적 모양 (솔리드 배경으로 가정)을 실제로 변경할 수 있습니다. 당신이 3 개 소수에있을 때 당신이 값이 비슷한 및 그 그렇게 유용하지되기 시작 볼 수 -

난 당신에게 분수 값에 소수의 다양한 숫자를 사용의 결과를 제공하는 여기에 작은 스크립트를했다.

ONLINE GENERATED TABLES HERE 테이블을 생성하는 루프는 일반적으로 다음과 같다 :

for (; i < 1; i += 0.1) { 
    num = Math.round(i * 255, 10); 
    ... 
}