16진수 표기법이 CSS에서 부분적으로 투명한 색상을 나타낼 수 있습니까?

CSS 16진수 RGBA

질의:

부분적으로 투명한 색상을 표현하는 간결한 방법이 있습니까? 16진수?

답변:

예, CSS 색상 모듈 레벨 4(현재 편집자의 초안 단계)는 4자리 및 8자리 16진수 RGBA 표기법에 대한 지원을 제안합니다. :

4자리 16진수 표기법

• 첫 번째 숫자는 빨간색 채널(0-f)을 나타냅니다.
• 다음 세 자리는 녹색, 파란색, 알파 채널을 나타내고,

예:

background: #0000; /* Translucency omitted */

8자리 16진수 표기법

• 첫 번째 6자리는 RGB 값을 나타냅니다(기존 6자리와 마찬가지로). 표기법).
• 마지막 두 자리는 알파 채널을 나타냅니다(00 = 완전 투명, ff = 완전 불투명).

예:

background: #00000000; /* Fully transparent */

미래 브라우저:

이러한 표기법은 현재 브라우저에서 아직 지원되지 않지만 컬러 모듈 레벨 4 사양 구현과 함께 도입될 가능성이 높습니다. 호환성을 위해 브라우저 업데이트를 주의 깊게 살펴보세요.

지원하지 않는 브라우저에 대한 대체:

그동안 대체를 사용하여 모든 브라우저에서 지원을 보장할 수 있습니다.

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

위 내용은 16진수 표기법이 CSS에서 부분적으로 투명한 색상을 나타낼 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!