CSS에서 요소의 투명도를 조절하는 opacity 속성과 rgba() 색상의 차이점은?
보통 MDN Web Docs해설
opacity: 0.5는 해당 요소와 모든 자식 요소를 포함하여 전체를 50% 투명하게 만듭니다. 반면 rgba(0, 0, 0, 0.5)는 적용된 색상(배경, 텍스트 등)만 투명하게 하므로, 배경만 반투명하게 하고 텍스트는 선명하게 유지할 수 있습니다.
opacity: 0.5는 해당 요소와 모든 자식 요소를 포함하여 전체를 50% 투명하게 만듭니다. 반면 rgba(0, 0, 0, 0.5)는 적용된 색상(배경, 텍스트 등)만 투명하게 하므로, 배경만 반투명하게 하고 텍스트는 선명하게 유지할 수 있습니다.
