[CSS] 자식까지 투명 처리 되는 것 해결 (배경만 투명하게)

CSS 에는 opacity 라는 멋진 속성이 있죠,

하지만 이 속성의 단점은 해당 요소의 자식 요소 까지 모두 투명해진다는 단점이 있습니다.

배경만 투명하게 하고 싶으실 시에는 rgba를 이용하시면 됩니다.

사용법은 아래와 같습니다.

background-color: rgba(255,255,255,0.5);

위 명령은 하얀색에 투명도를 50%로 준 것입니다.

그럼 즐 코딩하세요!