오랫동안 브라우저 투명도는 순수한 색상 투명도를 달성할 수 없었습니다. 알파를 사용할 때마다 투명 속성이 하위 노드에 상속됩니다. 즉, RGBA 색상이 등장하기 전까지는 투명한 배경색과 불투명한 텍스트의 효과를 구현하기가 어렵습니다.
![]() |
이 효과를 얻는 것은 매우 간단합니다. 색상을 설정할 때 rgba(255,0,0,0.4)와 같은 표준 rgba() 단위를 사용할 수 있습니다. 그러면 알파 투명도가 0.4인 빨간색이 생성됩니다.
![]() |
테스트 결과, Firefox 3.0 Safari 3.2 Opera 10은 모두 rgba 단위를 지원합니다. 불행하게도 IE8을 포함한 IE 시리즈는 아직 좋은 지원을 받지 못하고 있습니다. IE가 여기서 속도를 높이지 않으면 곧 이 브라우저 전쟁에서 패할 것입니다. .