CSS에서 16진수 RGBA 색상을 사용할 수 있나요?

CSS에서 16진수 RGBa를 사용할 수 있나요?

CSS에서 16진수 색상을 작성하는 전통적인 방법은 #RRGGBB 형식을 사용하는 것입니다. 예:

background-color: #ff0000; /* red */

투명도를 얻으려면 알파 채널이 포함된 RGBA 형식을 사용할 수 있습니다.

background-color: rgba(255, 0, 0, 0.5); /* translucent red */

그러나 현재 부분 투명도를 지정하는 직접적인 방법은 없습니다. 16진수로. 다음 구문은 사용할 수 없습니다.

background-color: #ff000088;

CSS 색상 모듈 레벨 4의 향후 지원

향후 CSS 색상 모듈 레벨 4는 4자리 및 8자리 16진수 RGBA를 지원할 것으로 예상됩니다. 표기법. 구문은 다음과 같습니다.

8자리:

#RRGGBBAA

4자리:

#RGBA

오늘의 실제 사용

이 표기법에 대한 브라우저 지원은 여전히 ​​제한되어 있지만 이전 브라우저에 대한 대체와 함께 사용할 수 있습니다.

figure {
  background: #FEFE7F;
  color: #3F3FFE;
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F;
  color: #0000ffbe;
}

이렇게 하면 최신 브라우저는 투명한 16진수 색상을 사용하고 이전 브라우저는 불투명한 색상을 사용하게 됩니다.

위 내용은 CSS에서 16진수 RGBA 색상을 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!