텍스트 불투명도에 영향을 주지 않고 CSS에서 배경색 불투명도를 어떻게 제어할 수 있습니까?

CSS에서 배경색 불투명도 제어

CSS에서 div에 불투명도 속성을 할당하면 배경과 그 안의 텍스트 모두에 영향을 줍니다. . 단, 텍스트의 불투명도를 유지하면서 배경색의 불투명도를 수정하는 것은 가능합니다.

rgba() 함수 사용

rgba() 함수를 사용하면 배경색과 불투명도를 제어하는 ​​알파 채널을 지정합니다. 구문은 다음과 같습니다.

background: rgba(R, G, B, A);

• R, G, B는 색상의 빨간색, 녹색, 파란색 값(정수 또는 백분율)을 나타냅니다.
• A 0(투명)부터 1(불투명)까지의 알파 채널 값을 나타냅니다.

예:

background: rgba(51, 170, 51, 0.6);

이 코드는 배경색을 불투명도 60%의 반투명 녹색으로 설정하는 반면 div 내의 텍스트는 완전히 불투명하게 유지됩니다.

브라우저 지원

2018년 현재 rgba() 구문은 모든 주요 웹에서 널리 지원됩니다. 브라우저.

위 내용은 텍스트 불투명도에 영향을 주지 않고 CSS에서 배경색 불투명도를 어떻게 제어할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!